|
|
@@ -1,6 +1,5 @@
|
|
|
<template>
|
|
|
-<view class="">
|
|
|
- <view class="pageBg">
|
|
|
+ <view >
|
|
|
<view class="header">
|
|
|
<DtCustomBar title="我的"></DtCustomBar>
|
|
|
<view style="display: flex;align-items: center;margin: 0 30upx;">
|
|
|
@@ -38,57 +37,55 @@
|
|
|
<view style="font-size: 24upx;color: #fff;margin-top: 10upx;">浏览记录</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- todo -->
|
|
|
- <view class="mine_order_statue">
|
|
|
- <view class="cu-list grid col-5 no-border margin-top-sm" >
|
|
|
- <view class="cu-item" @click="tapToMenu(item.index)" v-for="(item,index) in gridList" :key="index">
|
|
|
- <view class="grid-icon ">
|
|
|
- <image style="width: 56rpx;height: 56rpx;" :src="item.icon"/>
|
|
|
+ <view class="mine_order_statue">
|
|
|
+ <view class="cu-list grid col-5 no-border margin-top-sm" >
|
|
|
+ <view class="cu-item" @click="tapToMenu(item.index)" v-for="(item,index) in gridList" :key="index">
|
|
|
+ <view class="grid-icon ">
|
|
|
+ <image style="width: 56rpx;height: 56rpx;" :src="item.icon"/>
|
|
|
+ </view>
|
|
|
+ <view class="cu-tag bg-orange badge" v-if="item.badge>0">{{item.badge}}</view>
|
|
|
+ <text style="font-size: 22rpx;font-family:Sans-serif">{{item.title}}</text>
|
|
|
</view>
|
|
|
- <view class="cu-tag bg-orange badge" v-if="item.badge>0">{{item.badge}}</view>
|
|
|
- <text style="font-size: 22rpx;font-family:Sans-serif">{{item.title}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="item_list" >
|
|
|
- <view class="item">
|
|
|
- <text style="font-size: 32rpx;">个人设置</text>
|
|
|
- </view>
|
|
|
- <view class="item" v-for="(item, index) in mineItemList" :key="index" @tap="tapToMenu(item.index)">
|
|
|
- <view class="item_content">
|
|
|
- <image :src="item.itemIcon"></image>
|
|
|
- <text>{{ item.itemName }}</text>
|
|
|
+ <view class="item_list" >
|
|
|
+ <view class="item">
|
|
|
+ <text style="font-size: 32rpx;">个人设置</text>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- <text v-if="index==0" style="padding-right: 16rpx;font-size: 26rpx;" class="text-red">{{authStatus}}</text>
|
|
|
- <image src="http://139.9.103.171:1888/img/image/arrow.png"></image>
|
|
|
+ <view class="item" v-for="(item, index) in mineItemList" :key="index" @tap="tapToMenu(item.index)">
|
|
|
+ <view class="item_content">
|
|
|
+ <image :src="item.itemIcon"></image>
|
|
|
+ <text>{{ item.itemName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ <text v-if="index==0" style="padding-right: 16rpx;font-size: 26rpx;" class="text-red">{{authStatus}}</text>
|
|
|
+ <image src="http://139.9.103.171:1888/img/image/arrow.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="item_list" >
|
|
|
- <view class="item">
|
|
|
- <text style="font-size: 32rpx;">系统设置</text>
|
|
|
- </view>
|
|
|
- <view class="item" v-for="(item, index) in systemItemList" :key="index" @tap="tapToMenu(item.index)">
|
|
|
- <view class="item_content">
|
|
|
- <image :src="item.itemIcon"></image>
|
|
|
- <text>{{ item.itemName }}</text>
|
|
|
+ <view class="item_list" >
|
|
|
+ <view class="item">
|
|
|
+ <text style="font-size: 32rpx;">系统设置</text>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- <image src="http://139.9.103.171:1888/img/image/arrow.png"></image>
|
|
|
+ <view class="item" v-for="(item, index) in systemItemList" :key="index" @tap="tapToMenu(item.index)">
|
|
|
+ <view class="item_content">
|
|
|
+ <image :src="item.itemIcon"></image>
|
|
|
+ <text>{{ item.itemName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ <image src="http://139.9.103.171:1888/img/image/arrow.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="bg-white" style="height: 80rpx;">
|
|
|
-
|
|
|
+ <view class="bg-white" style="80rpx">
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 微信客服 -->
|
|
|
<DtService />
|
|
|
-
|
|
|
+
|
|
|
<DtLogin ref="dialogLogin" @signIn="onSignIn" />
|
|
|
</view>
|
|
|
-</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -104,6 +101,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ height:'',
|
|
|
//todo
|
|
|
gridList:[
|
|
|
{
|
|
|
@@ -560,15 +558,21 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+ page{
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
<style lang="scss" scoped>
|
|
|
- //todo
|
|
|
.pageBg {
|
|
|
- background-color: #FFFFFF;
|
|
|
+ // background-color: #FFFFFF;
|
|
|
}
|
|
|
-button::after {
|
|
|
+ button::after {
|
|
|
border: none;
|
|
|
}
|
|
|
-.header {
|
|
|
+ .header {
|
|
|
// border-bottom-left-radius: 20rpx;
|
|
|
border-bottom-right-radius: 60rpx;
|
|
|
//todo
|
|
|
@@ -726,7 +730,7 @@ button::after {
|
|
|
.mine_order_statue {
|
|
|
//todo
|
|
|
box-shadow: 0 10rpx #e7f1fd ;
|
|
|
- margin: -100upx 20upx 0;
|
|
|
+ margin: 40upx 20upx 0;
|
|
|
background: #fff;
|
|
|
padding: 10upx 20upx;
|
|
|
border-radius: 20rpx;
|
|
|
@@ -804,9 +808,7 @@ button::after {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
background: #fff;
|
|
|
- margin-top: 20upx;
|
|
|
- margin-left: 20rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
+ margin: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
.item {
|
|
|
display: flex;
|
lyqu
