You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.3 KiB
66 lines
1.3 KiB
3 years ago
|
<!--
|
||
|
|
* @Author: ch
|
||
|
|
* @Date: 2022-03-22 15:09:06
|
||
|
|
* @LastEditors: ch
|
||
|
|
* @LastEditTime: 2022-03-28 17:12:14
|
||
|
|
* @Description: file content
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<view>
|
||
|
|
<UiCell class="userInfo cell" title="昵称" @click="$Router.push('/pages/account/setting/setUserInfo')">
|
||
|
|
<image slot="icon" class="userInfo--head" src="@/static/account/tx.png" ></image>
|
||
|
|
</UiCell>
|
||
|
|
<UiCell class="cell" title="我的收货地址"></UiCell>
|
||
|
|
<UiCell class="cell" title="关于我们" ></UiCell>
|
||
|
|
<UiCell class="cell cell--last" title="版本号" value="1.0.0" valueClass="cell--value" :rightIcon="false"></UiCell>
|
||
|
|
<view class="logout">退出登录</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import UiButton from '@/components/UiButton.vue'
|
||
|
|
import UiCell from '@/components/UiCell.vue'
|
||
|
|
export default {
|
||
|
|
components: { UiCell, UiButton },
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
page{
|
||
|
|
background: #f8f8f8;
|
||
|
|
}
|
||
|
|
.userInfo{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
border: 0;
|
||
|
|
height: 200rpx;
|
||
|
|
&--head{
|
||
|
|
width: 120rpx;
|
||
|
|
height: 120rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin-right: 40rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.cell{
|
||
|
|
padding: 0 40rpx;
|
||
|
|
&--last{
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.logout{
|
||
|
|
height: 100rpx;
|
||
|
|
line-height: 100rpx;
|
||
|
|
text-align: center;
|
||
|
|
color: #999;
|
||
|
|
background: #fff;
|
||
|
|
margin: 20rpx 0;
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/{
|
||
|
|
.userInfo .uiCell--title{
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
.uiCell--value{
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|