wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面

Browse Source
This commit is contained in:
wangxiaowei
2025-10-28 00:28:42 +08:00
parent b25f746919
commit b9ab2c63b9
18 changed files with 358 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
pages/user/index/index.vue
View File

@ -1,9 +1,15 @@
<template>
<view :data-theme='theme()' :class="theme() || ''">
<view :data-theme='theme()' :class="theme() || ''" :style="'background-image: url(../../../static/my_bg.png); background-repeat: no-repeat; background-size:100% auto;background-color:#F6F7F9;padding-bottom: 40rpx;'">
<!-- #ifdef APP-PLUS -->
<header-bar></header-bar>
<!-- #endif -->
<view class="top_head pr">
<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
</view>
</view>
<view class="user-index" v-if="!loadding">
<!--个人信息-->
<view class="user-header">
@ -20,7 +26,7 @@
</text>
</view>
<view class="tel d-s-c">
<text class="f26">ID:{{ detail.user_id }}</text>
<text class="f26 id-number">{{ detail.mobile || 'ID:' + detail.user_id }}</text>
</view>
</view>
</view>
@ -28,7 +34,7 @@
<!--我的订单-->
<view class="my-order">
<!-- <view class="my-order">
<view class="list d-a-c flex-1">
<view class="item d-c-c d-c" @click="jumpPage('/pages/user/my-wallet/my-wallet')">
<view class=" red_mini">{{ detail.balance }}</view>
@ -43,6 +49,56 @@
<text class="pt16 f24 gray3">优惠券</text>
</view>
</view>
</view> -->
<!-- 我的场馆订单 -->
<view class="my-cg-order my-assets">
<view class="my-assets-all">
<view class="f30 fb">我的场馆订单</view>
<view class="gray9 f26" @click="jumpPage('/pages/order/myorder?dataType=all')">全部订单<text
class="icon iconfont icon-jiantou"></text></view>
</view>
<view class="d-b-c w100">
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=payment')">
<view class="icon-box pr">
<image src="/static/icon/dfk.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.payment != null && orderCount.payment > 0">{{ orderCount.payment }}</text>
</view>
<text>待付款</text>
</view>
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=delivery')">
<view class="icon-box pr">
<image src="/static/icon/dfh.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.delivery != null && orderCount.delivery > 0">{{ orderCount.delivery }}</text>
</view>
<text class="">待发货</text>
</view>
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=received')">
<view class="icon-box pr">
<image src="/static/icon/dsh.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.received != null && orderCount.received > 0">{{ orderCount.received }}</text>
</view>
<text>待收货</text>
</view>
<!-- <view class="item" @click="jumpPage('/pages/order/myorder?dataType=comment')">
<view class="icon-box pr">
<image src="/static/icon/icon-quanbudingdan.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.comment != null && orderCount.comment > 0">{{ orderCount.comment }}</text>
</view>
<text>待评价</text>
</view> -->
<view class="item" @click="jumpPage('/pages/order/refund/index/index')">
<view class="icon-box pr">
<image src="/static/icon/icon-tuikuan.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.refund != null && orderCount.refund > 0">{{ orderCount.refund }}</text>
</view>
<text>退款/售后</text>
</view>
</view>
</view>
</view>
<view class="bind_phone" v-if="!detail.mobile">
@ -66,7 +122,7 @@
<view class="d-b-c w100">
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=payment')">
<view class="icon-box pr">
<image src="/static/icon/icon-icon.png" mode=""></image>
<image src="/static/icon/dfk.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.payment != null && orderCount.payment > 0">{{ orderCount.payment }}</text>
</view>
@ -74,7 +130,7 @@
</view>
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=delivery')">
<view class="icon-box pr">
<image src="/static/icon/icon-daifahuo.png" mode=""></image>
<image src="/static/icon/dfh.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.delivery != null && orderCount.delivery > 0">{{ orderCount.delivery }}</text>
</view>
@ -82,20 +138,20 @@
</view>
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=received')">
<view class="icon-box pr">
<image src="/static/icon/icon-daishouhuo.png" mode=""></image>
<image src="/static/icon/dsh.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.received != null && orderCount.received > 0">{{ orderCount.received }}</text>
</view>
<text>待收货</text>
</view>
<view class="item" @click="jumpPage('/pages/order/myorder?dataType=comment')">
<!-- <view class="item" @click="jumpPage('/pages/order/myorder?dataType=comment')">
<view class="icon-box pr">
<image src="/static/icon/icon-quanbudingdan.png" mode=""></image>
<text class="dot d-c-c"
v-if="orderCount.comment != null && orderCount.comment > 0">{{ orderCount.comment }}</text>
</view>
<text>待评价</text>
</view>
</view> -->
<view class="item" @click="jumpPage('/pages/order/refund/index/index')">
<view class="icon-box pr">
<image src="/static/icon/icon-tuikuan.png" mode=""></image>
@ -112,13 +168,20 @@
<view class="my-assets-all p-0-30">
<view class="f30 fb">我的服务</view>
</view>
<view class="group-bd f-w">
<view class="group-bd f-w" style="padding: 0 30rpx;">
<view :class="'item ' + item.icon + '-box'" v-for="(item, index) in menus" :key="index"
@click="jumpPage(item.path)">
<view class="icon-round d-c-c">
<image class="icon-round" :src="item.icon" mode="aspectFill"></image>
@click="jumpPage(item.path)" style="margin-bottom: 30rpx;">
<view class="d-b-c" style="width: 100%;">
<view class="d-f">
<view class="icon-round d-c-c">
<image class="icon-round" :src="item.icon" mode="" style="width: 40rpx; height: 40rpx;"></image>
</view>
<view class="name">{{ item.name }}</view>
</view>
<view class="gray9 f26" @click="jumpPage('/pages/order/myorder?dataType=all')"><text
class="icon iconfont icon-jiantou" style="color: #BFC2CC;font-size: 26rpx; "></text></view>
</view>
<text class="name">{{ item.name }}</text>
<view class="line" v-if="index !== menus.length - 1"></view>
</view>
</view>
</view>
@ -128,9 +191,9 @@
</view>
</view>
<!--推荐-->
<view>
<!-- <view>
<recommendProduct :location="20"></recommendProduct>
</view>
</view> -->
</view>
<tabBar></tabBar>
</view>
@ -288,17 +351,17 @@
.user-header {
position: relative;
@include background_color('background_color');
// @include background_color('background_color');
}
.user-header .user-header-inner {
position: relative;
padding: 30rpx 30rpx 120rpx;
padding: 30rpx 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
margin-bottom: 100rpx;
margin-bottom: 20rpx;
}
.user-header .user-header-inner::after,
@ -351,8 +414,15 @@
}
.user-header .info .name {
font-weight: bold;
font-size: 32rpx;
font-size: 36rpx;
color: #303133;
line-height: 50rpx;
}
.user-header .info .id-number {
font-size: 24rpx;
color: #606266;
line-height: 34rpx;
}
.user-header .info .tel {
@ -400,6 +470,26 @@
z-index: 10;
}
.my-cg-order {
margin: 0 20rpx 20rpx !important;
padding: 30rpx;
background: #ffffff;
border-radius: 12rpx;
}
.my-cg-order .title {
font-size: 30rpx;
color: #303133;
line-height: 42rpx;
}
.my-cg-order .title2 {
font-size: 24rpx;
color: #606266;
line-height: 34rpx;
}
.order_center {
border-left: 1rpx solid #D9D9D9;
border-right: 1rpx solid #D9D9D9;
@ -486,19 +576,19 @@
}
.menu-wrap .group-bd {
display: flex;
justify-content: flex-start;
align-items: flex-start;
// display: flex;
// justify-content: flex-start;
// align-items: flex-start;
}
.menu-wrap .item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 142rpx;
height: 150rpx;
font-size: 24rpx;
// display: flex;
// justify-content: center;
// align-items: center;
// flex-direction: column;
// width: 142rpx;
// height: 150rpx;
// font-size: 24rpx;
}
.menu-wrap .icon-round {
width: 56rpx;
@ -630,4 +720,10 @@
font-size: 12px;
color: #999999;
}
.line {
height: 2rpx;
background: #E5E5E5;
margin-top: 32rpx;
}
</style>