topnuomi
/
xx-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化个人中心样式

This commit is contained in:
TOP糯米 2023-03-06 00:49:19 +08:00
parent f917dff1a8
commit fbe673e6bc
2 changed files with 30 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/member/member.vue
View File

@ -51,6 +51,8 @@
<text class="iconfont icon-jinru more"></text>
</view>
</view>
</view>
</app-layout>
</template>

57
src/pages/member/setting.vue
View File

@ -1,46 +1,46 @@
<template>
<app-layout title="设置">
<view class="setting-container">
<view class="group">
<view class="item">
<text class="title">版本号</text>
<view class="common-form-widget-group setting">
<view class="widget-item">
<text class="title limit-line clamp-1">版本号</text>
<view class="item-content">
<text class="content version">v1.02</text>
</view>
</view>
<view class="item">
<text class="title">密码管理</text>
<view class="widget-item">
<text class="title limit-line clamp-1">密码管理</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">手机号</text>
<view class="widget-item">
<text class="title limit-line clamp-1">手机号</text>
<view class="item-content">
<text class="content mobile">131****6080</text>
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">关于我们</text>
<view class="widget-item">
<text class="title limit-line clamp-1">关于我们</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">注册协议</text>
<view class="widget-item">
<text class="title limit-line clamp-1">注册协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">隐私协议</text>
<view class="widget-item">
<text class="title limit-line clamp-1">隐私协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item last">
<text class="title">注销账户</text>
<view class="widget-item last">
<text class="title limit-line clamp-1">注销账户</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
@ -77,32 +77,25 @@ export default {
box-sizing: border-box;
padding: 0 20rpx;
}
.group {
width: 100%;
.common-form-widget-group.setting {
padding: 0;
background-color: #ffffff;
.item.last {
.widget-item {
padding: 36rpx 24rpx;
border-bottom: 2rpx solid #e8e7e7;
line-height: 30rpx;
}
.widget-item.last {
border-bottom: 0;
}
.item {
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 36rpx 25rpx;
border-bottom: 2rpx solid #e8e7e7;
.title {
font-size: 30rpx;
color: #2d2d2d;
}
.iconfont {
font-size: 32rpx;
color: #a7a7a7;
position: relative;
padding: 0;
}
.item-content {
display: flex;
align-items: center;
}
}
.version {
font-size: 28rpx;
color: #191919;