no message

App.vue

@@ -16,5 +16,6 @@ export default {
 /*每个页面公共css */
 @import "./static/css/sys.css";
 @import "./static/css/shake.css";
+@import "./static/css/en-iconfont.css";
 
 </style>

components/en-from/en-checkbox/en-checkbox.vue

@@ -135,7 +135,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @import url("../../static/css/en-common.css");
+  @import url("../../../static/css/en-common.css");
   .box{
     .input-box {
       display: flex;

components/en-from/en-date/en-date.vue

@@ -83,7 +83,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
 
 .box {
   padding: 20rpx 0 20rpx 0;

components/en-from/en-head/en-head-img.vue

@@ -91,7 +91,7 @@
 </script>
 
 <style scoped lang="scss">
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
 .popup-block {
   border-radius: 20rpx 20rpx 0rpx 0rpx;
   overflow: hidden;

components/en-from/en-input/en-input.vue

@@ -83,7 +83,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
   .box{
     .input-box {
       display: flex;

components/en-from/en-radio/en-radio.vue

@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @import url("../../static/css/en-common.css");
+  @import url("../../../static/css/en-common.css");
   .box{
     .input-box {
       display: flex;

components/en-from/en-select/en-select.vue

@@ -136,7 +136,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
 ::v-deep .selected-item-active{
   border-bottom: 2px solid #FF0000 !important;
 }

components/en-from/en-send/en-send.vue

@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
   .box{
     .input-box {
       display: flex;

components/en-from/en-switch/en-switch.vue

@@ -73,7 +73,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
   .box{
     padding: 26rpx 0 24rpx 0;
     .input-box {

components/en-from/en-textarea/en-textarea.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
 
 .box {
   .input-box {

components/en-from/en-upload/en-upload.vue

@@ -493,7 +493,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import url("../../static/css/en-common.css");
+@import url("../../../static/css/en-common.css");
 .con {
   padding: 30rpx;
 

components/en-utils/en-blank/en-blank.vue

@@ -57,7 +57,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import url("../../static/css/en-common.css") ;
+  @import url("../../../static/css/en-common.css") ;
 	.blank-page {
 		width: 100vw;
 		padding-top: 200rpx;

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

@@ -123,7 +123,7 @@
 </script>
 
 <style scoped lang="scss">
-@import url("../../static/css/en-common.css") ;
+@import url("../../../static/css/en-common.css") ;
 
   .header {
     width: 100vw;

pages.json

@@ -171,6 +171,7 @@
       "path": "pages/my/index",
       "style": {
         "navigationBarTitleText": "",
+        "navigationBarTextStyle": "white",
         "enablePullDownRefresh": false
       }
     }

pages/index/model/index-nav.vue

@@ -88,7 +88,7 @@
 </script>
 
 <style scoped lang="scss">
-@import url("/components/static/css/en-common.css") ;
+@import url("/static/css/en-common.css") ;
 
   .header {
     width: calc(100vw - 72rpx);

pages/my/model/my-nav.vue

@@ -0,0 +1,182 @@
+<template>
+  <view class="">
+    <view class="header"  :style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px'}]">
+      <view class="header-left">
+        <view class="left-text sys-color-black-0 sys-weight-600">筛选</view>
+        <view class="left-img">
+          <image class="down-img" src="/static/img/common/down.png" mode="aspectFill"></image>
+        </view>
+      </view>
+      <view class="header-center">
+        <view class="center-list">
+          <view class="center-item sys-weight-600" @click="setTabNum(0)" :class="{'sys-color-black':tabNum===0,'sys-color-gray-9':tabNum!==0,}">发现</view>
+          <view class="center-item sys-weight-600" @click="setTabNum(1)"  :class="{'sys-color-black':tabNum===1,'sys-color-gray-9':tabNum!==1,}">附近</view>
+          <view class="center-item sys-weight-600" @click="setTabNum(2)"  :class="{'sys-color-black':tabNum===2,'sys-color-gray-9':tabNum!==2,}">匹配</view>
+        </view>
+        <view class="center-bg" :style="{'left':(tabNum*122)+'rpx'}"></view>
+      </view>
+      <view class="header-right">
+        <image class="right-img" src="/static/img/index/pull-back.png" mode="aspectFill"></image>
+        <image class="right-img" src="/static/img/index/exposure.png" mode="aspectFill"></image>
+      </view>
+    </view>
+    <view class="box-title">
+      <view class="" :style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px'}]">
+      </view>
+    </view>
+  </view>
+
+
+</template>
+
+<script>
+
+
+  export default {
+    name: "my-nav",
+    data() {
+      return {
+        statusBarH: 0,
+        customBarH: 0,
+        left: 35,
+        isXcx:false,
+        tabNum:0
+      }
+    },
+    props: {
+
+    },
+    computed: {
+
+    },
+    watch: {
+
+    },
+    methods: {
+      setTabNum(tabNum){
+        if(this.tabNum!==tabNum){
+          this.tabNum=tabNum
+          this.$emit('setTabNum',tabNum)
+        }
+      }
+    },
+    created() {
+      uni.getSystemInfo({
+        success: (e) =>{
+          this.statusBarH = e.statusBarHeight + 10
+          let custom=0;
+          //#ifdef MP-WEIXIN
+          custom = wx.getMenuButtonBoundingClientRect()
+          this.customBarH = custom.height
+          //#endif
+          //#ifdef H5
+          this.customBarH = 34
+          this.left=0
+          //#endif
+          // #ifdef APP-PLUS
+          this.customBarH = 34
+          this.left=0
+          //#endif
+          console.log('self.customBarH---------'+this.customBarH)
+          console.log('self.statusBarH---------'+this.statusBarH)
+          this.$emit('navHeight', this.customBarH+this.statusBarH)
+        }
+      })
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+@import url("/static/css/en-common.css") ;
+
+  .header {
+    width: calc(100vw - 72rpx);
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 100;
+    display: flex;
+    justify-content: space-between;
+    height: 88rpx;
+    padding: 12rpx 36rpx;
+    //box-sizing: border-box;
+    background-color: #fff;
+    .header-left{
+      padding: 10rpx 0;
+      height: 44rpx;
+      display: flex;
+      justify-content: flex-start;
+      .left-text{
+        height: 44rpx;
+        line-height: 44rpx;
+        font-size: 28rpx;
+      }
+      .left-img{
+        padding: 0 6rpx;
+        .down-img{
+          width: 24rpx;
+          height: 24rpx;
+        }
+      }
+    }
+    .header-center{
+      width: 366rpx;
+      height: 64rpx;
+      background: #EEEEEE;
+      border-radius: 200rpx;
+      position: relative;
+      .center-list{
+        z-index: 112;
+        display: flex;
+        justify-content: space-between;
+        height: 64rpx;
+        .center-item{
+          z-index: 113;
+          width: 122rpx;
+          height: 64rpx;
+          line-height: 64rpx;
+          text-align: center;
+          font-size: 32rpx;
+        }
+      }
+      .center-bg{
+        z-index: 111;
+        position: absolute;
+        margin: 4rpx 2rpx;
+        width: 120rpx;
+        background-color: #fff;
+        border-radius: 200rpx;
+        height: 56rpx;
+        left: 0;
+        top: 0;
+        transition: .5s ease;
+      }
+
+
+    }
+    .header-right{
+      height: 64rpx;
+      display: flex;
+      justify-content: flex-end;
+      .right-img{
+        padding: 6rpx 0;
+        width: 52rpx;
+        height: 52rpx;
+      }
+      .right-img:first-child{
+        margin-right: 40rpx;
+      }
+    }
+
+
+  }
+
+
+
+  .box-title {
+    width: 100vw;
+  }
+
+
+</style>

components/static/css/en-common.css → static/css/en-common.css

@@ -1,4 +1,4 @@
-@import "en-iconfont.css";
+@import "../../components/static/css/en-iconfont";
 
 :root {
     /*所有字体颜色*/

components/static/css/en-iconfont.css → static/css/en-iconfont.css

@@ -1,10 +1,10 @@
 @font-face {
     font-family: 'iconfont';
-    src:  url('/components/static/icon/iconfont.ttf') format('truetype');
+    src:  url('/static/icon/iconfont.ttf') format('truetype');
 }
 .iconfont {
     font-family: "iconfont" !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-}
+}