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.
shop-app/pages/account/setting/index.vue

66 lines
1.3 KiB

<!--
* @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>