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

增加设置页面

This commit is contained in:
TOP糯米 2023-03-05 22:54:00 +08:00
parent 287ab818d5
commit e13529b88e
2 changed files with 117 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,7 +28,7 @@
<text class="title limit-line clamp-1">联系客服</text> <text class="title limit-line clamp-1">联系客服</text>
<text class="iconfont icon-jinru more"></text> <text class="iconfont icon-jinru more"></text>
</view> </view>
<view class="widget-item"> <view class="widget-item" @click="utils.toPage('/pages/member/setting')">
<text class="iconfont icon-shezhixitongshezhigongnengshezhishuxing icon"></text> <text class="iconfont icon-shezhixitongshezhigongnengshezhishuxing icon"></text>
<text class="title limit-line clamp-1">设置</text> <text class="title limit-line clamp-1">设置</text>
<text class="iconfont icon-jinru more"></text> <text class="iconfont icon-jinru more"></text>

116
src/pages/member/setting.vue Normal file
View File

@ -0,0 +1,116 @@
<template>
<app-layout title="设置">
<view class="setting-container">
<view class="group">
<view class="item">
<text class="title">版本号</text>
<view class="item-content">
<text class="content version">v1.02</text>
</view>
</view>
<view class="item">
<text class="title">密码管理</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">手机号</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="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">注册协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item">
<text class="title">隐私协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="item last">
<text class="title">注销账户</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
</view>
<view class="common-save-form-btn">
<view class="btn">退出账户</view>
</view>
</view>
</app-layout>
</template>
<script>
import AppLayout from "@/components/layout/layout";
export default {
name: "member-setting",
data() {
return {};
},
components: {
AppLayout,
},
onLoad() {},
onShow() {},
onReady() {},
onReachBottom() {},
onPullDownRefresh() {},
methods: {},
};
</script>
<style lang="less" scoped>
.setting-container {
box-sizing: border-box;
padding: 0 20rpx;
}
.group {
width: 100%;
background-color: #ffffff;
.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;
}
.item-content {
display: flex;
align-items: center;
}
}
.version {
font-size: 28rpx;
color: #191919;
}
.mobile {
font-size: 28rpx;
color: #c9c9c9;
margin-right: 22rpx;
}
}
</style>