|
@@ -12,15 +12,15 @@
|
|
|
<!-- 列表 -->
|
|
|
<view class="user-list">
|
|
|
<u-cell-group>
|
|
|
- <u-cell-item icon="gift" index="0" @click="toPage" title="我的优惠卷"></u-cell-item>
|
|
|
- <u-cell-item icon="order" index="1" @click="toPage" title="我的订单"></u-cell-item>
|
|
|
- <u-cell-item icon="file-text" index="2" @click="toPage" title="服务协议"></u-cell-item>
|
|
|
- <!-- <u-cell-item icon="info-circle" index="3" @click="toPage" title="关于我们"></u-cell-item> -->
|
|
|
+ <u-cell-item icon="order" icon-size="38" :icon-style="{color:'#ff0000'}" index="1" @click="toPage" title="我的订单"></u-cell-item>
|
|
|
+ <u-cell-item icon="gift" icon-size="40" :icon-style="{color:'#00aaff'}" index="0" @click="toPage" title="投递记录"></u-cell-item>
|
|
|
+ <u-cell-item icon="file-text" icon-size="40" :icon-style="{color:'#ffaa00'}" index="2" @click="toPage" title="服务协议"></u-cell-item>
|
|
|
+ <u-cell-item icon="info-circle" icon-size="38" :icon-style="{color:'#00aa00'}" index="3" @click="toPage" title="关于我们"></u-cell-item>
|
|
|
</u-cell-group>
|
|
|
</view>
|
|
|
<!-- 退出 -->
|
|
|
<view class="user-btn">
|
|
|
- <u-button type="error" @click="quitSys" shape="circle">退出登录</u-button>
|
|
|
+ <u-button type="success" :custom-style="quitButton" @click="quitSys" shape="circle">退出登录</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -30,7 +30,11 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ quitButton: {
|
|
|
+ borderRadius:'100rpx',
|
|
|
+ fontSize:'30rpx',
|
|
|
+ background: '#01c9b2'
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
onShow() {
|
|
@@ -40,7 +44,12 @@
|
|
|
methods:{
|
|
|
// 打开对应的页面
|
|
|
toPage(index){
|
|
|
- let pageUrl=['/pages/coupon/index/index','/pages/order/order','/pages/agreement/agreement?fromPage=usercenter']
|
|
|
+ let pageUrl=[
|
|
|
+ '/pages/coupon/index/index',
|
|
|
+ '/pages/order/order',
|
|
|
+ '/pages/agreement/agreement?fromPage=usercenter',
|
|
|
+ '/pages/userCenter/aboutUs'
|
|
|
+ ]
|
|
|
uni.navigateTo({
|
|
|
url: pageUrl[index]
|
|
|
})
|
|
@@ -77,6 +86,7 @@
|
|
|
.user-content{
|
|
|
width: 100%;
|
|
|
.user-head{
|
|
|
+ background: #01c9b2;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 35rpx;
|
|
@@ -94,10 +104,10 @@
|
|
|
}
|
|
|
|
|
|
.user-list{
|
|
|
- padding:0 20rpx;
|
|
|
+ padding:20rpx 0;
|
|
|
}
|
|
|
.user-btn{
|
|
|
- padding: 85rpx 100rpx;
|
|
|
+ padding: 85rpx 200rpx;
|
|
|
}
|
|
|
}
|
|
|
</style>
|