no message

components/en-utils/en-nav/en-nav.vue

@@ -7,7 +7,7 @@
           <image class="back-img"  :src="'/static/img/common/back'+(titleColor==='#fff'?'-white':'')+'.png'" mode="aspectFill"></image>
         </view>
 
-        <view class="title-text"  :style="[{'marginLeft':left +'px','color':titleColor}]">{{title}}</view>
+        <view class="title-text sys-height-44"  :style="[{'marginLeft':left +'px','color':titleColor}]">{{title}}</view>
         <view  class="right-button button" @click="rightClick">
           <view class="right-data" v-if="rightShow">
             <text class="rightName  sys-weight-600" :style="[{'color':titleColor}]" v-if="rightType===1">{{rightText}}</text>

pages.json

@@ -179,6 +179,30 @@
         "navigationBarTitleText": "",
         "enablePullDownRefresh": false
       }
+    },
+    {
+      "path": "pages/my/edit/nickname",
+      "style": {
+        "navigationBarTitleText": "",
+        "navigationBarTextStyle": "black",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/my/edit/age",
+      "style": {
+        "navigationBarTitleText": "",
+        "navigationBarTextStyle": "black",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/my/edit/school",
+      "style": {
+        "navigationBarTitleText": "",
+        "navigationBarTextStyle": "black",
+        "enablePullDownRefresh": false
+      }
     }
   ],
   "globalStyle": {

pages/my/edit/age.vue

@@ -0,0 +1,114 @@
+<template>
+  <view class="form-box" >
+    <en-nav title="年龄&星座" :title-color="'#333'" :right-show="true" :right-type="2" @navHeight="setNavHeight" >
+      <template v-slot:right>
+        <text class="nav-right sys-weight-600 sys-color-white">保存</text>
+      </template>
+    </en-nav>
+    <view :style="{'height':'calc(100vh - '+navHeight+'px)'}">
+      <view class="from-data" >
+        <view class="from-input">
+          <view class="from-item-title sys-height-44 sys-weight-400" >出生日期</view>
+          <view class="from-item-data">
+            <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">1995-9-16</view>
+            <view class="item-data-icon">
+              <text class="iconfont  sys-color-gray-9 sys-weight-400"> &#xe62b;</text>
+            </view>
+          </view>
+        </view>
+        <view class="from-input">
+          <view class="from-item-title sys-height-44 sys-weight-400" >年龄</view>
+          <view class="from-item-data">
+            <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">27</view>
+            <view class="item-data-icon">
+              <text class="iconfont  sys-color-gray-9 sys-weight-400"> &#xe62b;</text>
+            </view>
+          </view>
+        </view>
+        <view class="from-input">
+          <view class="from-item-title sys-height-44 sys-weight-400" >星座</view>
+          <view class="from-item-data">
+            <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">处女座</view>
+            <view class="item-data-icon">
+              <text class="iconfont  sys-color-gray-9 sys-weight-400"> &#xe62b;</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="from-text sys-color-gray-9">
+        1.输入出生时间(公历)，系统自动计算年龄和星座， 匹配也会 更加准确。
+      </view>
+      <view class="from-text sys-color-gray-9">
+        2.此应用需年满18周岁使用
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+import EnNav from "@/components/en-utils/en-nav/en-nav";
+export default {
+  components: {EnNav},
+  data() {
+    return {
+      navHeight:0
+    }
+  },
+  methods: {
+    setNavHeight(navHeight){
+      this.navHeight=navHeight
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-box{
+
+  background: #F8F8F8;
+  .nav-right{
+    font-size: 28rpx;
+    line-height: 44rpx;
+    color: #333;
+  }
+  .from-data{
+    margin: 32rpx;
+    border-radius: 20rpx;
+    background-color: #fff;
+    .from-input{
+      padding: 32rpx 28rpx;
+      border-bottom: 1rpx solid #F2F2F2;
+      display: flex;
+      justify-content: space-between;
+      .from-item-title{
+        color: #000000;
+        font-size: 28rpx;
+      }
+      .from-item-data{
+        display: flex;
+        justify-content: space-between;
+        .item-data-text{
+          font-size: 28rpx;
+        }
+        .item-data-icon{
+          .iconfont{
+            font-size: 28rpx;
+            line-height: 50rpx;
+          }
+        }
+      }
+
+    }
+  }
+
+  .from-text{
+    margin-top: 24rpx;
+    padding: 0 32rpx;
+    font-size: 24rpx;
+  }
+
+}
+
+</style>

pages/my/edit/nickname.vue

@@ -0,0 +1,61 @@
+<template>
+  <view class="form-box">
+    <en-nav title="编辑昵称" :title-color="'#333'" :right-show="true" :right-type="2" >
+      <template v-slot:right>
+        <text class="nav-right sys-weight-600 sys-color-white">保存</text>
+      </template>
+    </en-nav>
+    <view class="from-input">
+      <input type="text" class="input-item sys-height-44" placeholder="设置昵称"></input>
+    </view>
+    <view class="from-text sys-color-gray-9">
+      昵称不能为空
+    </view>
+  </view>
+</template>
+
+<script>
+import EnNav from "@/components/en-utils/en-nav/en-nav";
+export default {
+  components: {EnNav},
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-box{
+  padding: 0 32rpx;
+  .nav-right{
+    font-size: 28rpx;
+    line-height: 44rpx;
+    color: #333;
+
+  }
+  .from-input{
+    margin-top: 56rpx;
+    background-color: #F2F2F2;
+    border-radius: 16rpx;
+    padding: 32rpx;
+    .input-item{
+      font-size: 28rpx;
+      color: #333;
+    }
+    .input-item::placeholder{
+      color: #999;
+    }
+  }
+  .from-text{
+    margin-top: 24rpx;
+        font-size: 24rpx;
+  }
+
+}
+
+</style>

pages/my/edit/school.vue

@@ -0,0 +1,60 @@
+<template>
+  <view class="form-box">
+    <en-nav title="编辑学校" :title-color="'#333'" :right-show="true" :right-type="2" >
+      <template v-slot:right>
+        <text class="nav-right sys-weight-600 sys-color-white">保存</text>
+      </template>
+    </en-nav>
+    <view class="from-input">
+      <input type="text" class="input-item sys-height-44" placeholder="你来自哪个学校"></input>
+    </view>
+    <view class="from-text sys-color-gray-9">
+      学校信息不能为空
+    </view>
+  </view>
+</template>
+
+<script>
+import EnNav from "@/components/en-utils/en-nav/en-nav";
+export default {
+  components: {EnNav},
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-box{
+  padding: 0 32rpx;
+  .nav-right{
+    font-size: 28rpx;
+    line-height: 44rpx;
+    color: #333;
+  }
+  .from-input{
+    margin-top: 56rpx;
+    background-color: #F2F2F2;
+    border-radius: 16rpx;
+    padding: 32rpx;
+    .input-item{
+      font-size: 28rpx;
+      color: #333;
+    }
+    .input-item::placeholder{
+      color: #999;
+    }
+  }
+  .from-text{
+    margin-top: 24rpx;
+        font-size: 24rpx;
+  }
+
+}
+
+</style>

pages/my/editInformation.vue

@@ -98,7 +98,7 @@
             <view class="item-title-proportion sys-weight-600 sys-color-black sys-height-44">+30%</view>
           </view>
           <view class="item-from">
-           <view class="from-item">
+           <view class="from-item" @click="goToUrl(1)">
               <view class="from-item-title sys-height-44 sys-weight-400">昵称</view>
               <view class="from-item-data">
                 <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">江湖救急</view>
@@ -108,8 +108,8 @@
               </view>
            </view>
 
-            <view class="from-item">
-              <view class="from-item-title sys-height-44 sys-weight-400">出生日期</view>
+            <view class="from-item" @click="goToUrl(2)">
+              <view class="from-item-title sys-height-44 sys-weight-400" >出生日期</view>
               <view class="from-item-data">
                 <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">江湖救急</view>
                 <view class="item-data-icon">
@@ -117,8 +117,8 @@
                 </view>
               </view>
             </view>
-            <view class="from-item">
-              <view class="from-item-title sys-height-44 sys-weight-400">年龄</view>
+            <view class="from-item" @click="goToUrl(2)">
+              <view class="from-item-title sys-height-44 sys-weight-400" >年龄</view>
               <view class="from-item-data">
                 <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">江湖救急</view>
                 <view class="item-data-icon">
@@ -126,8 +126,8 @@
                 </view>
               </view>
             </view>
-            <view class="from-item">
-              <view class="from-item-title sys-height-44 sys-weight-400">星座</view>
+            <view class="from-item" @click="goToUrl(2)">
+              <view class="from-item-title sys-height-44 sys-weight-400" >星座</view>
               <view class="from-item-data">
                 <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">江湖救急</view>
                 <view class="item-data-icon">
@@ -135,7 +135,7 @@
                 </view>
               </view>
             </view>
-            <view class="from-item">
+            <view class="from-item" @click="goToUrl(3)">
               <view class="from-item-title sys-height-44 sys-weight-400">学校</view>
               <view class="from-item-data">
                 <view class="item-data-text  sys-height-44 sys-color-gray-9 sys-weight-400">江湖救急</view>
@@ -185,6 +185,21 @@ export default {
   methods: {
     setNavHeight(navHeight){
       this.navHeight=navHeight
+    },
+    goToUrl(type){
+      if(type===1){
+        uni.navigateTo({
+          'url':'./edit/nickname'
+        })
+      }else if(type===2){
+        uni.navigateTo({
+          'url':'./edit/age'
+        })
+      }else if(type===3){
+        uni.navigateTo({
+          'url':'./edit/school'
+        })
+      }
     }
   }
 }
@@ -302,6 +317,7 @@ export default {
       .edit-item{
         margin-top: 40rpx;
         .item-title{
+          padding-bottom: 24rpx;
           display: flex;
           justify-content: space-between;
           height: 44rpx;
@@ -393,7 +409,6 @@ export default {
               justify-content: space-between;
               .item-data-text{
                 font-size: 28rpx;
-
               }
               .item-data-icon{
                 .iconfont{