Browse Source

no message

sys 2 years ago
parent
commit
1c00ebd224
3 changed files with 139 additions and 1 deletions
  1. 9 0
      pages.json
  2. 5 1
      pages/my/model/my-nav.vue
  3. 125 0
      pages/my/set.vue

+ 9 - 0
pages.json

@@ -224,6 +224,15 @@
       "path": "pages/my/edit/making-friends",
       "style": {
         "navigationBarTitleText": "",
+        "navigationBarTextStyle": "black",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/my/set",
+      "style": {
+        "navigationBarTitleText": "",
+        "navigationBarTextStyle": "black",
         "enablePullDownRefresh": false
       }
     }

+ 5 - 1
pages/my/model/my-nav.vue

@@ -7,7 +7,7 @@
 
       <view class="header-right">
         <image @click="goToUrl(1)" class="right-img" src="/static/img/my/edit.png" mode="aspectFill"></image>
-        <image class="right-img" src="/static/img/my/set.png" mode="aspectFill"></image>
+        <image @click="goToUrl(2)" class="right-img" src="/static/img/my/set.png" mode="aspectFill"></image>
       </view>
     </view>
     <view class="box-title">
@@ -54,6 +54,10 @@
           uni.navigateTo({
             'url':'./editInformation'
           })
+        }else {
+          uni.navigateTo({
+            'url':'./set'
+          })
         }
       }
     },

+ 125 - 0
pages/my/set.vue

@@ -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"> &#xe62b;</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"> &#xe62b;</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"> &#xe62b;</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"> &#xe62b;</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>