|
@@ -3,6 +3,11 @@
|
|
|
<scroll-view class="content-box" scroll-y="true">
|
|
<scroll-view class="content-box" scroll-y="true">
|
|
|
<view class="user-section">
|
|
<view class="user-section">
|
|
|
<view class="bg"><image src="/static/img/user-bg.png" mode=""></image></view>
|
|
<view class="bg"><image src="/static/img/user-bg.png" mode=""></image></view>
|
|
|
|
|
+ <!-- #ifdef APP-PLUS -->
|
|
|
|
|
+ <view class="top">
|
|
|
|
|
+
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- #endif -->
|
|
|
<view class="user-info-box ">
|
|
<view class="user-info-box ">
|
|
|
<view class="detail flex">
|
|
<view class="detail flex">
|
|
|
<view class="portrait-box" @click="navTo('/pages/set/userinfo')">
|
|
<view class="portrait-box" @click="navTo('/pages/set/userinfo')">
|
|
@@ -25,79 +30,64 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 订单 -->
|
|
|
|
|
- <view class="item-box item-box-b">
|
|
|
|
|
- <view class="box-title flex borde-b">
|
|
|
|
|
- <view class="title"><text>我的订单</text></view>
|
|
|
|
|
|
|
+ <view class="box">
|
|
|
|
|
+ <view class="sweets-box">
|
|
|
|
|
+ <view class="sweets" @click="navTo('/pages/money/xfIntegral')">
|
|
|
|
|
+ <view class="limit">{{ userInfo.point*1 || 0 }}</view>
|
|
|
|
|
+ <view class="sweets-name">消费补贴券</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="jiange"></view>
|
|
|
|
|
+ <view class="sweets" @click="navTo('/pages/user/award')">
|
|
|
|
|
+ <view class="limit">{{ money * 1 || 0 }}</view>
|
|
|
|
|
+ <view class="sweets-name">余额</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="jiange"></view>
|
|
|
|
|
+ <view class="sweets" @click="navTo('/pages/money/wallet')">
|
|
|
|
|
+ <view class="limit">{{ userInfo.brokerage_price*1 }}</view>
|
|
|
|
|
+ <view class="sweets-name">佣金</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="jiange"></view>
|
|
|
|
|
+ <view class="sweets" @click="navTo('/pages/money/integral')">
|
|
|
|
|
+ <view class="limit">{{ userInfo.integral * 1 || 0 }}</view>
|
|
|
|
|
+ <view class="sweets-name">消费补贴券</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="my-order">
|
|
|
|
|
+ <view class="box-title flex ">
|
|
|
|
|
+ <view class="title1"><text>商城订单</text></view>
|
|
|
<view class="link" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover"><text class="iconfont iconenter"></text></view>
|
|
<view class="link" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover"><text class="iconfont iconenter"></text></view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="order-section">
|
|
<view class="order-section">
|
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class=" icon position-relative">
|
|
|
|
|
- <image class="icon-img" src="/static/user/order1.png" mode="aspectFit"></image>
|
|
|
|
|
- <view class="corner" v-if="orderInfo.unpaid_count > 0">
|
|
|
|
|
- <text>{{ orderInfo.unpaid_count }}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class=" icon1 position-relative"><image class="icon-img" src="/static/user/order1.png" mode="aspectFit"></image></view>
|
|
|
<text>待付款</text>
|
|
<text>待付款</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=1')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=1')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class=" icon position-relative">
|
|
|
|
|
- <image class="icon-img" src="/static/user/order2.png" mode="aspectFit"></image>
|
|
|
|
|
- <view class="corner" v-if="orderInfo.unshipped_count > 0">
|
|
|
|
|
- <text>{{ orderInfo.unshipped_count }}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="icon1 position-relative"><image class="icon-img" src="/static/user/order2.png" mode="aspectFit"></image></view>
|
|
|
<text>待发货</text>
|
|
<text>待发货</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=2')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=2')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="icon position-relative">
|
|
|
|
|
- <image class="icon-img" src="/static/user/order3.png" mode="aspectFit"></image>
|
|
|
|
|
- <view class="corner" v-if="orderInfo.received_count > 0">
|
|
|
|
|
- <text>{{ orderInfo.received_count }}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="icon1 position-relative"><image class="icon-img" src="/static/user/order3.png" mode="aspectFit"></image></view>
|
|
|
<text>待收货</text>
|
|
<text>待收货</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=4')" hover-class="common-hover" :hover-stay-time="50">
|
|
<view class="order-item" @click="navTo('/pages/order/order?state=4')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
- <view class="icon position-relative"><image class="icon-img" src="/static/user/order4.png" mode="aspectFit"></image></view>
|
|
|
|
|
|
|
+ <view class=" icon1 position-relative"><image class="icon-img" src="/static/user/order4.png" mode="aspectFit"></image></view>
|
|
|
<text>已完成</text>
|
|
<text>已完成</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view>
|
|
|
|
|
- <view class="item-box item-box-a">
|
|
|
|
|
- <view class="order-section">
|
|
|
|
|
- <view class="order-item" @click="navTo('/pages/money/xfIntegral')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
- <view class="icon icon-b"><image class="icon-img" src="/static/user/yue.png" mode="aspectFit"></image></view>
|
|
|
|
|
- <view class="order-font">消费积分</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="order-item" @click="navTo('/pages/user/award')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
- <view class="icon icon-b"><image class="icon-img" src="/static/user/yongjin.png" mode="aspectFit"></image></view>
|
|
|
|
|
- <view class="order-font">余额</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="order-item" @click="navTo('/pages/money/wallet')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
- <view class="icon icon-b"><image class="icon-img" src="/static/user/yaoqing.png" mode="aspectFit"></image></view>
|
|
|
|
|
- <view class="order-font">佣金</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="order-item" @click="navTo('/pages/money/integral')" hover-class="common-hover" :hover-stay-time="50">
|
|
|
|
|
- <view class="icon icon-b"><image class="icon-img" src="/static/user/tuiguang.png" mode="aspectFit"></image></view>
|
|
|
|
|
- <view class="order-font">商城积分</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="history-section icon">
|
|
|
|
|
- <uni-list>
|
|
|
|
|
- <uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/shoucang.png"></uni-list-item>
|
|
|
|
|
- <uni-list-item title="收货地址" @click="navTo('/pages/set/address')" thumb="/static/user/dizhi.png"></uni-list-item>
|
|
|
|
|
- <!-- <uni-list-item title="联系客服" @click="showPopup" thumb="/static/user/kefu.png"></uni-list-item> -->
|
|
|
|
|
- <uni-list-item title="绑定手机号" @click="navTo('/pages/set/phone')" thumb="/static/user/kefu.png"></uni-list-item>
|
|
|
|
|
- <uni-list-item title="分享海报" @click="navTo('/pages/user/shareQrCode')" thumb="/static/user/share.png"></uni-list-item>
|
|
|
|
|
- <uni-list-item title="我的推广" @click="navTo('/pages/user/team')" thumb="/static/user/team.png"></uni-list-item>
|
|
|
|
|
- <uni-list-item title="会员协议" @click="navTo('/pages/contract/agreement')" thumb="/static/user/vipxy.png"></uni-list-item>
|
|
|
|
|
- <uni-list-item title="隐私政策" @click="navTo('/pages/contract/privacy')" thumb="/static/user/yszc.png"></uni-list-item>
|
|
|
|
|
- </uni-list>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="history-section icon">
|
|
|
|
|
+ <uni-list>
|
|
|
|
|
+ <uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/shoucang.png"></uni-list-item>
|
|
|
|
|
+ <uni-list-item title="收货地址" @click="navTo('/pages/set/address')" thumb="/static/user/dizhi.png"></uni-list-item>
|
|
|
|
|
+ <!-- <uni-list-item title="联系客服" @click="showPopup" thumb="/static/user/kefu.png"></uni-list-item> -->
|
|
|
|
|
+ <uni-list-item title="绑定手机号" @click="navTo('/pages/set/phone')" thumb="/static/user/kefu.png"></uni-list-item>
|
|
|
|
|
+ <uni-list-item title="分享海报" @click="navTo('/pages/user/shareQrCode')" thumb="/static/user/share.png"></uni-list-item>
|
|
|
|
|
+ <uni-list-item title="我的推广" @click="navTo('/pages/user/team')" thumb="/static/user/team.png"></uni-list-item>
|
|
|
|
|
+ <uni-list-item title="会员协议" @click="navTo('/pages/contract/agreement')" thumb="/static/user/vipxy.png"></uni-list-item>
|
|
|
|
|
+ <uni-list-item title="隐私政策" @click="navTo('/pages/contract/privacy')" thumb="/static/user/yszc.png"></uni-list-item>
|
|
|
|
|
+ </uni-list>
|
|
|
</view>
|
|
</view>
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
<uni-popup ref="popup" type="center">
|
|
<uni-popup ref="popup" type="center">
|
|
@@ -120,9 +110,10 @@
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { mapState, mapMutations } from 'vuex';
|
|
import { mapState, mapMutations } from 'vuex';
|
|
|
|
|
+import { spreadCommission, userBalance } from '@/api/wallet.js';
|
|
|
import uniList from '@/components/uni-list/uni-list.vue';
|
|
import uniList from '@/components/uni-list/uni-list.vue';
|
|
|
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
|
|
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
|
|
|
-import { orderData, getUserInfo,service } from '@/api/user.js';
|
|
|
|
|
|
|
+import { orderData, getUserInfo, service } from '@/api/user.js';
|
|
|
import { saveUrl, interceptor } from '@/utils/loginUtils.js';
|
|
import { saveUrl, interceptor } from '@/utils/loginUtils.js';
|
|
|
import { logout } from '@/api/set.js';
|
|
import { logout } from '@/api/set.js';
|
|
|
// import uniCopy from '@/js_sdk/xb-copy/uni-copy.js';
|
|
// import uniCopy from '@/js_sdk/xb-copy/uni-copy.js';
|
|
@@ -141,13 +132,16 @@ export default {
|
|
|
moving: false,
|
|
moving: false,
|
|
|
erweima: '',
|
|
erweima: '',
|
|
|
weixin: '',
|
|
weixin: '',
|
|
|
|
|
+ money:'',
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
onShow() {
|
|
onShow() {
|
|
|
// 判断是否已经登录
|
|
// 判断是否已经登录
|
|
|
if (this.hasLogin) {
|
|
if (this.hasLogin) {
|
|
|
this.loadBaseData();
|
|
this.loadBaseData();
|
|
|
-
|
|
|
|
|
|
|
+ userBalance({}).then(({ data }) => {
|
|
|
|
|
+ this.money = data.now_money;
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onReady() {
|
|
onReady() {
|
|
@@ -269,7 +263,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
this.$refs.popup.close();
|
|
this.$refs.popup.close();
|
|
|
},
|
|
},
|
|
|
- ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
|
|
|
|
|
// 加载初始数据
|
|
// 加载初始数据
|
|
|
loadBaseData() {
|
|
loadBaseData() {
|
|
|
getUserInfo({})
|
|
getUserInfo({})
|
|
@@ -314,7 +307,7 @@ export default {
|
|
|
url
|
|
url
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- },
|
|
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
@@ -368,7 +361,9 @@ page {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+.top {
|
|
|
|
|
+ height: 50rpx;
|
|
|
|
|
+}
|
|
|
.user-info-box {
|
|
.user-info-box {
|
|
|
height: 180rpx;
|
|
height: 180rpx;
|
|
|
color: white;
|
|
color: white;
|
|
@@ -481,59 +476,138 @@ page {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-.vip-card-box {
|
|
|
|
|
|
|
+.box {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
- color: #f7d680;
|
|
|
|
|
- height: 240rpx;
|
|
|
|
|
- background: linear-gradient(left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8));
|
|
|
|
|
- border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
|
|
+ width: 710rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- padding: 20rpx 24rpx;
|
|
|
|
|
|
|
+ margin: -80rpx 20rpx;
|
|
|
|
|
+ color: #fefefe;
|
|
|
|
|
+}
|
|
|
|
|
+.my-order {
|
|
|
|
|
+ margin: 100rpx auto 0;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ width: 710rpx;
|
|
|
|
|
+ background: #ffffff;
|
|
|
|
|
+ box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
|
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.box-title {
|
|
|
|
|
+ border-top-left-radius: 20rpx;
|
|
|
|
|
+ border-top-right-radius: 20rpx;
|
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
|
+ line-height: 1;
|
|
|
|
|
+ padding: 26rpx 34rpx 20rpx;
|
|
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
|
|
|
+
|
|
|
|
|
+ .title1 {
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- .card-bg {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 20rpx;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- width: 380rpx;
|
|
|
|
|
- height: 260rpx;
|
|
|
|
|
|
|
+ .link {
|
|
|
|
|
+ font-size: $font-base - 2rpx;
|
|
|
|
|
+ color: $font-color-light;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.order-section {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ padding: 34rpx 0 10rpx;
|
|
|
|
|
+ .order-item {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ width: 25%;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ height: 140rpx;
|
|
|
|
|
+ font-size: $font-sm;
|
|
|
|
|
+ color: $font-color-dark;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .b-btn {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 20rpx;
|
|
|
|
|
- top: 16rpx;
|
|
|
|
|
- width: 132rpx;
|
|
|
|
|
- height: 40rpx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 40rpx;
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #36343c;
|
|
|
|
|
- border-radius: 20px;
|
|
|
|
|
- background: linear-gradient(left, #f9e6af, #ffd465);
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
|
|
+ .iconfont {
|
|
|
|
|
+ font-size: 48rpx;
|
|
|
|
|
+ margin-bottom: 18rpx;
|
|
|
|
|
+ color: #fa436a;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .tit {
|
|
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
|
|
- color: #f7d680;
|
|
|
|
|
- margin-bottom: 28rpx;
|
|
|
|
|
|
|
+ .icon-shouhoutuikuan {
|
|
|
|
|
+ font-size: 44rpx;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- .iconfont {
|
|
|
|
|
- color: #f6e5a3;
|
|
|
|
|
- margin-right: 16rpx;
|
|
|
|
|
|
|
+ .icon {
|
|
|
|
|
+ height: 88rpx;
|
|
|
|
|
+ width: 90rpx;
|
|
|
|
|
+ margin-bottom: 18rpx;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+
|
|
|
|
|
+ .icon-img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .e-b {
|
|
|
|
|
- font-size: $font-sm;
|
|
|
|
|
- color: #d8cba9;
|
|
|
|
|
- margin-top: 10rpx;
|
|
|
|
|
|
|
+ .icon1 {
|
|
|
|
|
+ height: 50rpx;
|
|
|
|
|
+ width: 48rpx;
|
|
|
|
|
+ margin-bottom: 18rpx;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+
|
|
|
|
|
+ .icon-img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.sweets-box {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ width: 710rpx;
|
|
|
|
|
+ padding: 48rpx 0;
|
|
|
|
|
+ background: #ffffff;
|
|
|
|
|
+ box-shadow: 0px 0px 20px 0px rgba(50, 50, 52, 0.06);
|
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .jiange {
|
|
|
|
|
+ width: 1rpx;
|
|
|
|
|
+ height: 36rpx;
|
|
|
|
|
+ background: #999999;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sweets {
|
|
|
|
|
+ width: 25%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+
|
|
|
|
|
+ .limit {
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #ff0000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sweets-name {
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ color: #666666;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
.cover-container {
|
|
.cover-container {
|
|
|
background: $page-color-base;
|
|
background: $page-color-base;
|
|
|
margin-top: -150rpx;
|
|
margin-top: -150rpx;
|
|
@@ -569,86 +643,6 @@ page {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.item-box {
|
|
|
|
|
- // width: 710rpx;
|
|
|
|
|
- // height: 221rpx;
|
|
|
|
|
- // background: #FFFFFF;
|
|
|
|
|
- // box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
|
|
|
|
|
- // border-radius: 20rpx;
|
|
|
|
|
- // position: relative;
|
|
|
|
|
- // top: -150rpx;
|
|
|
|
|
- // left: 0;
|
|
|
|
|
- // right: 0;
|
|
|
|
|
- // margin: 0 auto -150rpx;
|
|
|
|
|
- margin: 20rpx 0;
|
|
|
|
|
-
|
|
|
|
|
- .box-title {
|
|
|
|
|
- background-color: #fff;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- // padding: 30rpx;
|
|
|
|
|
- padding: 0 36rpx 0 35rpx;
|
|
|
|
|
- height: 73rpx;
|
|
|
|
|
- border-radius: 20rpx 20rpx 0 0;
|
|
|
|
|
-
|
|
|
|
|
- .title {
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- font-size: 30rpx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .link {
|
|
|
|
|
- font-size: $font-base - 2rpx;
|
|
|
|
|
- color: $font-color-light;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .order-section {
|
|
|
|
|
- height: 146rpx;
|
|
|
|
|
- @extend %section;
|
|
|
|
|
-
|
|
|
|
|
- // padding: 28rpx 0;
|
|
|
|
|
- .order-item {
|
|
|
|
|
- @extend %flex-center;
|
|
|
|
|
- width: 120rpx;
|
|
|
|
|
- height: 146rpx;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- font-size: $font-sm;
|
|
|
|
|
- color: $font-color-dark;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .iconfont {
|
|
|
|
|
- font-size: 48rpx;
|
|
|
|
|
- margin-bottom: 18rpx;
|
|
|
|
|
- color: #fa436a;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon-shouhoutuikuan {
|
|
|
|
|
- font-size: 44rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon {
|
|
|
|
|
- height: 50rpx;
|
|
|
|
|
- width: 48rpx;
|
|
|
|
|
- margin-bottom: 18rpx;
|
|
|
|
|
- background-size: 100%;
|
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
-
|
|
|
|
|
- .icon-img {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon-b {
|
|
|
|
|
- height: 90rpx;
|
|
|
|
|
- width: 88rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
.history-section {
|
|
.history-section {
|
|
|
// padding: 30rpx 0 0;
|
|
// padding: 30rpx 0 0;
|
|
|
margin-top: 20rpx;
|
|
margin-top: 20rpx;
|