|
|
@@ -0,0 +1,125 @@
|
|
|
+<template>
|
|
|
+ <view class="set-box">
|
|
|
+ <en-nav title="设置" title-color="#333333" bgckground-box="#fff"></en-nav>
|
|
|
+ <view class="set-list">
|
|
|
+ <view class="set-item">
|
|
|
+ <view class="item-text sys-height-44 sys-color-black">清理缓存</view>
|
|
|
+ <view class="item-icon">
|
|
|
+ <text class=" sys-height-44 sys-color-gray-9"> 20.47MB</text>
|
|
|
+ <text class="iconfont sys-height-44 sys-color-gray-9"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="set-list">
|
|
|
+ <view class="set-item" @click="goToUrl(setItem.url)" v-for="setItem in setList">
|
|
|
+ <view class="item-text sys-height-44 sys-color-black">{{setItem.text}}</view>
|
|
|
+ <view class="item-icon">
|
|
|
+ <text class="iconfont sys-height-44 sys-color-gray-9"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="set-list">
|
|
|
+ <view class="set-item" @click="goToUrl(sysItem.url)" v-for="sysItem in sysList">
|
|
|
+ <view class="item-text sys-height-44 sys-color-black">{{sysItem.text}}</view>
|
|
|
+ <view class="item-icon">
|
|
|
+ <text class="iconfont sys-height-44 sys-color-gray-9"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="set-list">
|
|
|
+ <view class="set-item">
|
|
|
+ <view class="item-text sys-height-44 sys-color-black">兑换码</view>
|
|
|
+ <view class="item-icon">
|
|
|
+ <text class="iconfont sys-height-44 sys-color-gray-9"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="set-id sys-color-gray-9">ID:87999890</view>
|
|
|
+ <view class="set-quit sys-color-black">退出账号</view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import EnNav from "@/components/en-utils/en-nav/en-nav";
|
|
|
+export default {
|
|
|
+ components: {EnNav},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ setList:[
|
|
|
+ {'text':'实名认证(未认证)','url':''},
|
|
|
+ {'text':'修改密码','url':''},
|
|
|
+ {'text':'修改绑定手机','url':''},
|
|
|
+ {'text':'更多设置','url':''},
|
|
|
+ ],
|
|
|
+ sysList:[
|
|
|
+ {'text':'意见与反馈','url':''},
|
|
|
+ {'text':'关于我们','url':''},
|
|
|
+ {'text':'用户协议','url':''},
|
|
|
+ {'text':'隐私政策','url':''},
|
|
|
+ {'text':'第三方信息共享清单','url':''},
|
|
|
+ {'text':'个人信息清单','url':''},
|
|
|
+ {'text':'相关许可证','url':''},
|
|
|
+ {'text':'ICOCO权限及用途说明','url':''},
|
|
|
+ {'text':'隐私中心','url':''},
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goToUrl(url){
|
|
|
+ if(url===''){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ uni.navigateTo({
|
|
|
+ 'url':'./set/'+url
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.set-box{
|
|
|
+ background-color: #F9F9F9;
|
|
|
+ min-height: 100vh;
|
|
|
+ padding-bottom: 50rpx;
|
|
|
+ .set-list{
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ border-radius: 20rpx;
|
|
|
+ .set-item{
|
|
|
+ padding: 32rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .item-text{
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ .item-icon{
|
|
|
+ .iconfont{
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .set-id{
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ .set-quit{
|
|
|
+ margin: 20rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background: #E0E0E0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|