first commit

src/app.config.js

@@ -1,14 +1,18 @@
 
 export default {
   pages: [
-    'pages/Mine/MyReaded/index', // 我的阅读
     'pages/Index/index', // 首页
     'pages/Index/Search/index', // 搜索页
+    'pages/Index/BookDetail/index', // 详情
 
     'pages/Study/index', // 学习天地
 
     'pages/Mine/index', // 我的
     'pages/Mine/MyCollected/index', // 我的收藏
+    'pages/Mine/MyReaded/index', // 我的阅读
+    'pages/Mine/MyDoctorVisit/index', // 我的就诊
+    'pages/Mine/MyBodyCheck/index', // 我的体检
+    'pages/Mine/MyInfo/index', // 基础信息
   ],
   tabBar: {
     color: '#666666',

src/assets/css/iconfont.css

@@ -1,10 +1,10 @@
 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1617327804831'); /* IE9 */
-  src: url('iconfont.eot?t=1617327804831#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1617327804831') format('woff'),
-  url('iconfont.ttf?t=1617327804831') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1617327804831#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1617786722253'); /* IE9 */
+  src: url('iconfont.eot?t=1617786722253#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1617786722253') format('woff'),
+  url('iconfont.ttf?t=1617786722253') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1617786722253#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -15,6 +15,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconbiaoqian:before {
+  content: "\e63f";
+}
+
+.iconfenxiang:before {
+  content: "\e60b";
+}
+
+.iconshoucang1:before {
+  content: "\e629";
+}
+
 .iconweixin:before {
   content: "\e62a";
 }

src/assets/css/iconfont.json

@@ -5,6 +5,27 @@
   "css_prefix_text": "icon",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "10468863",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "3763979",
+      "name": "分享",
+      "font_class": "fenxiang",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "19954256",
+      "name": "收 藏",
+      "font_class": "shoucang1",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
     {
       "icon_id": "637798",
       "name": "微信",

src/assets/css/iconfont.svg

@@ -20,6 +20,15 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="biaoqian" unicode="&#58943;" d="M444.30480288-37.875a17.57778113 17.57778113 0 0 0-12.4450686 5.15028955L95.315544 304.04799188000004a17.57778113 17.57778113 0 0 0 1e-8 24.85498151L567.20864634 800.70818728c3.72648944 3.7089116 8.98224609 5.60731201 14.15011348 5.0624003L891.53627923 775.23798266a17.57778113 17.57778113 0 0 0 15.78484699-15.97820251l26.50729367-306.04674106a17.57778113 17.57778113 0 0 0-5.07997897-13.93918011L456.73229364-32.724710449999975a17.52504758 17.52504758 0 0 0-12.42749076-5.15028955zM132.61559412 316.47548264l311.68920876-311.91772L898.09279105 458.34575079 873.53663135 741.68199902 586.19264972 769.96464817 132.61559412 316.47548264zM732.56283026 518.8308948700001a85.0588808 85.0588808 0 0 0-60.66092175 25.18895984c-33.39778381 33.29231671-33.41536084 87.71312632-0.01757785 121.26910913 16.2242916 16.20671375 37.75707339 25.11864844 60.6784996 25.11864925s44.45420718-8.91193469 60.64334308-25.08349355a85.28739203 85.28739203 0 0 0 25.18895984-60.90701002 84.90068096 84.90068096 0 0 0-25.2065377-60.46756622 85.14677004 85.14677004 0 0 0-60.62576522-25.11864843z m0 136.42115679a50.2724534 50.2724534 0 0 1-35.7883624-14.80049148 50.69431934 50.69431934 0 0 1-0.01757702-71.57672397c19.15978106-19.23009247 52.46967563-19.19493677 71.59430099-0.03515487a49.93847507 49.93847507 0 0 1 14.88837992 35.64773877 50.44823108 50.44823108 0 0 1-14.87080207 35.98171792 50.36034183 50.36034183 0 0 1-35.80593942 14.78291364z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fenxiang" unicode="&#58891;" d="M293.54666667 230.08969707000006c-96.81454507 0-176.2521216 79.43757547-176.2521216 176.2521216 0 96.81454507 79.43757547 176.2521216 176.2521216 176.25212053s176.2521216-79.43757547 176.2521216-176.25212053c2.48242453-94.3321216-76.955152-176.2521216-176.2521216-176.2521216z m0 305.33818133c-69.5078784 0-126.60363627-57.09575787-126.60363627-126.60363627s57.09575787-126.60363627 126.60363627-126.60363626 126.60363627 57.09575787 126.60363626 126.60363626-57.09575787 126.60363627-126.60363626 126.60363627zM750.31272747 550.32242453c-62.06060587 0-111.7090912 49.64848533-111.7090912 111.70909014s49.64848533 111.7090912 111.7090912 111.7090912 111.7090912-49.64848533 111.7090912-111.7090912-49.64848533-111.7090912-111.7090912-111.70909014z m0 176.25212054c-34.7539392 0-62.06060587-27.30666667-62.06060587-62.06060587s27.30666667-62.06060587 62.06060587-62.06060587 62.06060587 27.30666667 62.06060586 62.06060587-27.30666667 62.06060587-62.06060586 62.06060587zM772.65454507-8.22303039999997c-74.47272747 0-134.0509088 59.57818133-134.0509088 134.0509088 0 74.47272747 59.57818133 134.0509088 134.0509088 134.05090987 74.47272747 0 134.0509088-59.57818133 134.05090986-134.05090987 0-74.47272747-59.57818133-134.0509088-134.05090986-134.0509088z m0 218.45333333c-47.1660608 0-84.40242453-37.23636373-84.40242347-84.40242453s37.23636373-84.40242453 84.40242347-84.40242347 84.40242453 37.23636373 84.40242453 84.40242347-37.23636373 84.40242453-84.40242453 84.40242453zM440.63030293 357.14016960000004l250.4517824-156.6906176-26.3385216-42.10191573-250.4517824 156.69061866zM659.505648 647.4348608l23.78162453-43.56654613-248.41619413-135.54036267-23.78162347 43.56654507z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shoucang1" unicode="&#58921;" d="M928.25-65.10000000000002c-13.05 0-27.9 3.6-41.4 10.8L691.55 43.35000000000002l-196.65-97.65c-12.6-6.75-26.55-10.35-41.4-10.35-18.9 0-37.35 5.85-52.2 17.1-27.45 20.7-41.4 56.25-35.1 89.1l40.05 208.35-154.35 143.55c-23.85 24.3-32.85 58.95-23.85 91.8l0.45 0.9c11.25 33.75 39.15 57.15 72.9 61.65l214.2 39.15L611.45 782.25C626.75 813.3 658.25 833.1 691.55 833.1c34.65 0 67.05-20.7 80.55-51.3l95.85-194.85 214.2-37.35c33.75-4.95 62.1-29.25 71.55-62.55 10.8-32.4 1.8-67.95-22.5-92.25l-0.45-0.45-153.45-144.9 38.7-208.8c6.3-33.3-7.2-67.05-34.65-88.2-15.75-11.25-34.2-17.55-53.1-17.55z"  horiz-adv-x="1426" />
+
+    
     <glyph glyph-name="weixin" unicode="&#58922;" d="M511.609097-65.619254M889.618407 108.916874c41.7468 38.149878 67.083861 88.273463 67.083861 143.163607 0 95.53382-76.727499 176.60423-183.177949 205.317179-6.348592 153.081491-162.17152 275.610128-353.493963 275.610128-195.352223 0-353.714997-127.743406-353.714997-285.319258 0-72.363098 33.395598-138.433886 88.432075-188.729385 17.22122-15.737426-2.939959-58.810431-27.714202-94.395904 41.866526 11.564383 86.519516 19.088754 125.611859 19.088754 18.300808 0 35.388998-1.65264 50.386574-5.305843 36.623106-10.348696 75.996858-15.981996 117.000737-15.981996 7.963369 0 15.862269 0.239454 23.699772 0.657986 42.0937-75.114768 135.796826-127.388319 244.639766-127.388319 31.104415 0 60.974723 4.26821 88.757486 12.126178 11.382235 2.77623 24.338315 4.028757 38.222533 4.028757 29.65439 0 63.530942-5.709025 95.28925-14.483876-18.787902 26.993794-34.088376 59.664891-21.020756 71.607898L889.620453 108.916874zM420.035472 214.483188c-35.33067 0-69.922513 4.716418-102.824877 14.014178l-0.907673 0.254803-0.916882 0.225127c-18.48398 4.50971-39.590694 6.795776-62.738903 6.795776-13.301957 0-26.589588-0.730641-39.585577-1.979074 2.76088 30.538527-8.94165 50.646494-23.152303 63.637366-22.955828 20.97573-40.786938 44.560892-52.993958 70.099545-12.261255 25.645077-18.478863 52.615335-18.478863 80.157621 0 60.140729 29.904077 117.384477 84.204797 161.187099 27.724435 22.364357 60.207243 39.98876 96.537683 52.384068 38.179554 13.029758 78.840626 19.632129 120.857579 19.632129s82.678024-6.608511 120.857579-19.632129c36.329417-12.395308 68.812225-30.019711 96.537683-52.384068 48.465828-39.09132 77.472466-88.892563 83.153862-141.900847l0.005117 0c-10.565636 1.01819-21.313422 1.561565-32.218796 1.561565-148.19725 0-268.334421-96.90812-268.334421-216.45382 0-12.8077 1.39272-25.361621 4.033873-37.559431 0 0 0 0 0 0.005117C422.719604 214.512864 421.38112 214.483188 420.035472 214.483188L420.035472 214.483188zM854.454536 147.378861c-8.422833-7.698333-19.530822-21.845541-21.547759-43.989887-5.820566 0.330528-11.689227 0.5137-17.557888 0.5137-18.566868 0-35.58138-1.854231-50.573839-5.513574l-0.916882-0.225127-0.911766-0.254803c-23.844058-6.743588-48.936549-10.157337-74.576509-10.157337-30.485315 0-59.96779 4.783956-87.620593 14.21577-26.167986 8.9263-49.516764 21.585621-69.403696 37.625946-38.174438 30.79333-59.198264 70.739111-59.198264 112.485911 0 41.7468 21.023826 81.697697 59.198264 112.491027 19.886933 16.040325 43.23571 28.699646 69.403696 37.626969 27.65178 9.431813 57.134255 14.214746 87.620593 14.214746 30.484292 0 59.966767-4.782933 87.618547-14.214746 26.167986-8.93244 49.516764-21.587668 69.399603-37.626969 38.174438-30.79333 59.20031-70.744227 59.20031-112.491027 0-19.002796-4.303003-37.636179-12.789281-55.381331C883.235023 178.792315 870.672916 162.199405 854.454536 147.378861L854.454536 147.378861zM854.454536 147.378861M264.813225 503.462812c0.284479 30.082132 19.104103 54.31914 42.286082 54.31914 23.348778 0 42.284035-24.611537 42.284035-54.966892 0-30.361495-18.930141-54.973032-42.284035-54.973032-23.181979 0-42.001603 24.241101-42.280966 54.286394L264.813225 503.462812zM264.813225 503.462812M484.761636 503.462812c0.284479 30.082132 19.104103 54.31914 42.280966 54.31914 23.353894 0 42.284035-24.611537 42.284035-54.966892 0-30.361495-18.930141-54.973032-42.284035-54.973032-23.176862 0-41.996486 24.241101-42.280966 54.286394L484.761636 503.462812zM484.761636 503.462812M582.250994 292.305625c0.284479 23.119557 14.763239 41.71917 32.584116 41.71917 17.999956 0 32.589233-18.97005 32.589233-42.366923 0-23.403013-14.589276-42.366923-32.589233-42.366923-17.821901 0-32.30066 18.599613-32.584116 41.679261L582.250994 292.305625zM582.250994 292.305625M739.250724 292.305625c0.284479 23.119557 14.767332 41.71917 32.589233 41.71917 17.999956 0 32.594349-18.97005 32.594349-42.366923 0-23.403013-14.594393-42.366923-32.594349-42.366923-17.821901 0-32.304753 18.599613-32.589233 41.679261L739.250724 292.305625zM739.250724 292.305625"  horiz-adv-x="1024" />
 
     

src/components/BodyCheckItem/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <view class="BodyCheckItem flex-h">
+    <view class="flex-item">
+      <text>用户名</text>
+      <text>2020-08-08 22:22:22</text>
+    </view>
+    <navigator url="" hover-class="none">查看报告</navigator>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'BodyCheckItem',
+  props: {
+    Data: {
+      default: () => {
+        return {}
+      },
+      type: Object
+    }
+  },
+  data () {
+    return {
+      TestImg: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606120989360&di=8610f1678b51e26de6d4c6af39d1cf63&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2F201503%2F19%2F211608ztcq7higicydxhsy.jpg'
+    }
+  },
+  computed: {
+  },
+  components: {
+  },
+  created () {
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/components/BodyCheckItem/page.scss

@@ -0,0 +1,24 @@
+.BodyCheckItem {
+  padding: 20px 30px;
+  align-items: center;
+  > .flex-item {
+    > text {
+      font-size: 26px;
+      line-height: 40px;
+      display: block;
+      color: #999;
+      &:first-child {
+        font-size: 28px;
+        color: #333;
+      }
+    }
+  }
+  > navigator {
+    width: 160px;
+    text-align: center;
+    line-height: 60px;
+    background: #f4c819;
+    color: #fff;
+    font-size: 28px;
+  }
+}

src/components/BookItem/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="BookItem flex-h">
+  <navigator class="BookItem flex-h" :url="`/pages/Index/BookDetail/index?id=${null}`" hover-class="none">
     <view class="Img">
       <image mode="aspectFill" :src="null" class="centerLabel"></image>
     </view>
@@ -11,7 +11,7 @@
         <text>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</text>
       </view>
     </view>
-  </view>
+  </navigator>
 </template>
 
 <script>

src/components/ReadedItem/index.vue

@@ -0,0 +1,63 @@
+<template>
+  <navigator class="ReadedItem flex-h" :url="`/pages/Index/BookDetail/index?id=${null}`" hover-class="none">
+    <view class="Img">
+      <image mode="aspectFill" :src="null" class="centerLabel"></image>
+    </view>
+    <view class="flex-item">
+      <view class="Title">
+        <text>名称：书名</text>
+      </view>
+      <view class="Desc">
+        <text>作者：xxxx</text>
+      </view>
+      <view class="Desc">
+        <text>类型：xxxx</text>
+      </view>
+    </view>
+    <view class="ProgressContainer">
+      <view class="centerLabel">
+        <view class="Progress">
+          <view class="Sector"></view>
+          <view class="SubSector"></view>
+          <view class="Layer"></view>
+        </view>
+        <text class="ProgressTips">完成进度</text>
+        <text class="ProgressNum">50%</text>
+        <text class="Length">总时长</text>
+        <text class="Length">1小时25分钟36秒</text>
+      </view>
+    </view>
+  </navigator>
+</template>
+
+<script>
+export default {
+  name: 'ReadedItem',
+  props: {
+    Data: {
+      default: () => {
+        return {}
+      },
+      type: Object
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {
+  },
+  components: {
+  },
+  created () {
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/components/ReadedItem/page.scss

@@ -0,0 +1,130 @@
+.ReadedItem {
+  > .Img {
+    width: 180px;
+    height: 240px;
+    position: relative;
+    overflow: hidden;
+    background: #eee;
+    > image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  > .flex-item {
+    margin-left: 20px;
+    > .Title {
+      > text {
+        display: block;
+        font-size: 32px;
+        line-height: 40px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+    > .Desc {
+      > text {
+        font-size: 28px;
+        line-height: 40px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
+        margin-top: 10px;
+        color: #999;
+      }
+    }
+  }
+  > .ProgressContainer {
+    position: relative;
+    overflow: hidden;
+    width: 150px;
+    margin-right: 30px;
+    > view {
+      width: 100%;
+      > .Progress {
+        width: 100%;
+        height: 75px;
+        position: relative;
+        overflow: hidden;
+        z-index: 1;
+        > .Sector {
+          position: absolute;
+          width: 150px;
+          height: 150px;
+          transform: rotate(0deg);
+          clip: rect(0px, 150px, 75px, 0);
+          border-radius: 100%;
+          background-color: rgba(41, 141, 248, 0.3);
+          top: 0;
+          left: 0;
+          z-index: 1;
+        }
+        > .SubSector {
+          position: absolute;
+          width: 150px;
+          height: 150px;
+          transform: rotate(-30deg);
+          -webkit-transform: rotate(-30deg);
+          clip: rect(0px, 150px, 75px, 0);
+          border-radius: 100%;
+          background-color: rgba(41, 141, 248, 1);
+          top: 0;
+          left: 0;
+          z-index: 2;
+        }
+        > .Layer {
+          position: absolute;
+          width: 130px;
+          height: 130px;
+          transform: rotate(0deg);
+          clip: rect(0px, 150px, 75px, 0);
+          border-radius: 100%;
+          background-color: #fff;
+          top: 10px;
+          left: 6px;
+          z-index: 3;
+        }
+      }
+      > .ProgressTips {
+        display: block;
+        width: 100px;
+        text-align: center;
+        background: rgba(41, 141, 248, 1);
+        color: #fff;
+        font-size: 20px;
+        border-radius: 4px;
+        line-height: 32px;
+        margin: -10px auto 0;
+        position: relative;
+        z-index: 2;
+      }
+      > .ProgressNum {
+        display: block;
+        width: 100%;
+        text-align: center;
+        font-size: 20px;
+        color: #333;
+        position: relative;
+        z-index: 3;
+        margin-top: -76px;
+        font-size: 28px;
+        & + text {
+          margin-top: 40px;
+        }
+      }
+      > .Length {
+        width: 100%;
+        display: block;
+        text-align: center;
+        font-size: 24px;
+        color: #333;
+        line-height: 32px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

src/pages/Index/BookDetail/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  // navigationStyle: 'custom',
+  navigationBarTitleText: '详情'
+}

src/pages/Index/BookDetail/index.vue

@@ -0,0 +1,120 @@
+<template>
+  <view class="page flex-v">
+
+    <!-- 内容 -->
+    <view class="flex-item">
+      <view>
+
+        <!-- 封面内容 -->
+        <view class="FrontInfo">
+          <view class="Img">
+            <view>
+              <image mode="aspectFit" :src="null" class="centerLabel"></image>
+            </view>
+          </view>
+          <view class="SubInfo">
+            <view class="Tag">
+              <text class="iconfont iconbiaoqian"></text>
+              <text>分类：</text>
+              <text>前沿科学</text>
+            </view>
+            <view class="flex-h">
+              <view class="flex-item flex-h">
+                <text>名称：</text>
+                <text class="flex-item">xxx</text>
+              </view>
+              <view class="flex-item flex-h">
+                <text>阅读量：</text>
+                <text class="flex-item">123456</text>
+              </view>
+            </view>
+            <view class="flex-h">
+              <view class="flex-item flex-h">
+                <text>作者：</text>
+                <text class="flex-item">xxx</text>
+              </view>
+              <view class="flex-item flex-h">
+                <text>发布时间：</text>
+                <text class="flex-item">2020-12-08</text>
+              </view>
+            </view>
+            <view class="Desc">
+              <text>简介：xxxxxxxxxxx</text>
+            </view>
+          </view>
+
+          <!-- 正文 -->
+          <view class="Article">
+
+          </view>
+
+        </view>
+
+        <PageBottom></PageBottom>
+      </view>
+    </view>
+
+    <!-- 底部 -->
+    <view class="flex-h Bottom">
+      <view class="Share">
+        <text class="iconfont iconfenxiang"></text>
+        <text>分享</text>
+      </view>
+      <view class="Like">
+        <text class="iconfont iconshoucang1"></text>
+        <text>收藏</text>
+      </view>
+      <view class="flex-item"></view>
+      <view class="ReadInfo">
+        <text>阅读时长：1小时22分钟22秒</text>
+        <view class="Progress flex-h">
+          <view class="flex-item">
+            <view :style="{width: '50%'}"></view>
+          </view>
+          <text>完成进度</text>
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+import PageBottom from '../../../components/PageBottom'
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+export default {
+  name: 'BookDetail',
+  data () {
+    return {
+      Timer: null
+    }
+  },
+  computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo // 用户信息
+    })
+  },
+  components: {
+    PageBottom
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    ...mapUserActions([
+    ]),
+    ...mapUserMutations([
+    ]),
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/Index/BookDetail/page.scss

@@ -0,0 +1,158 @@
+.page {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #f8f8f8;
+  > .flex-item {
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow-y: scroll;
+      -webkit-overflow-scrolling: touch;
+      > .FrontInfo {
+        position: relative;
+        overflow: hidden;
+        > .Img {
+          padding: 30px 120px;
+          > view {
+            width: 100%;
+            padding-bottom: 120%;
+            position: relative;
+            overflow: hidden;
+            > image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+        }
+        > .SubInfo {
+          position: relative;
+          overflow: hidden;
+          > .Tag {
+            font-size: 0;
+            white-space: nowrap;
+            padding: 0 30px;
+            > text {
+              display: inline-block;
+              vertical-align: middle;
+              font-size: 28px;
+              font-weight: bold;
+              line-height: 60px;
+              margin-right: 10px;
+              &.iconfont {
+                font-weight: normal;
+                font-size: 40px;
+              }
+            }
+          }
+          > .flex-h {
+            align-items: center;
+            padding: 0 30px;
+            > view {
+              align-items: center;
+              > text {
+                font-size: 28px;
+                line-height: 40px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #999;
+                &:first-child {
+                  margin-right: 10px;
+                }
+              }
+            }
+          }
+          > .Desc {
+            padding: 0 30px;
+            position: relative;
+            overflow: hidden;
+            > text {
+              width: 100%;
+              display: block;
+              font-size: 28px;
+              line-height: 40px;
+              color: #999;
+            }
+          }
+        }
+        > .Article {
+          position: relative;
+          overflow: hidden;
+          border-top: 2px solid #eee;
+          padding: 30px;
+          margin-top: 30px;
+        }
+      }
+    }
+  }
+  > .Bottom {
+    position: relative;
+    overflow: hidden;
+    background: #fff;
+    padding: 20px 30px;
+    align-items: center;
+    z-index: 2;
+    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
+    > .Share,
+    .Like {
+      font-size: 0;
+      white-space: nowrap;
+      margin-right: 30px;
+      > text {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 28px;
+        color: #333;
+        line-height: 40px;
+        &:first-child {
+          font-size: 36px;
+        }
+      }
+    }
+    > .ReadInfo {
+      position: relative;
+      overflow: hidden;
+      > text {
+        display: block;
+        white-space: nowrap;
+        font-size: 26px;
+        color: #333;
+        line-height: 32px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-align: right;
+      }
+      > .Progress {
+        align-items: center;
+        margin-top: 10px;
+        > .flex-item {
+          height: 10px;
+          background: rgba(41, 141, 248, 0.5);
+          border-radius: 10px;
+          position: relative;
+          overflow: hidden;
+          margin-right: 20px;
+          > view {
+            width: 0;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            top: 0;
+            background: rgba(41, 141, 248, 1);
+          }
+        }
+        > text {
+          font-size: 26px;
+          color: #333;
+          line-height: 32px;
+        }
+      }
+    }
+  }
+}

src/pages/Index/Search/index.vue

@@ -22,7 +22,7 @@
               <text>热门搜索</text>
             </view>
             <view class="List">
-              <navigator url="" v-for="(item, index) in 10" :key="index">关键词</navigator>
+              <navigator url="" v-for="(item, index) in 10" :key="index" hover-class="none">关键词</navigator>
             </view>
           </view>
 
@@ -32,7 +32,7 @@
               <text>最近搜索</text>
             </view>
             <view class="List">
-              <navigator url="" v-for="(item, index) in 10" :key="index">关键词</navigator>
+              <navigator url="" v-for="(item, index) in 10" :key="index" hover-class="none">关键词</navigator>
             </view>
           </view>
 

src/pages/Index/index.vue

@@ -6,7 +6,7 @@
       <view class="flex-h">
         <text class="iconfont iconsousuo"></text>
         <view class="flex-item">
-          <navigator url="/pages/Index/Search/index">搜索你感兴趣的内容</navigator>
+          <navigator url="/pages/Index/Search/index" hover-class="none">搜索你感兴趣的内容</navigator>
         </view>
       </view>
     </view>
@@ -37,14 +37,14 @@
               </view>
               <view class="ListContainer">
                 <scroll-view class="ScrollContainer" scroll-x="true" style="width: 100%">
-                  <view class="RecommendItem" v-for="(item, index) in 10">
+                  <navigator class="RecommendItem" v-for="(item, index) in 10" :key="index" :url="`/pages/Index/BookDetail/index?id=${null}`" hover-class="none">
                     <view class="Img">
                       <image mode="aspectFill" :src="null" class="centerLabel"></image>
                     </view>
                     <view class="Title">
                       <text>书名</text>
                     </view>
-                  </view>
+                  </navigator>
                 </scroll-view>
               </view>
             </view>

src/pages/Mine/MyBodyCheck/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  // navigationStyle: 'custom',
+  navigationBarTitleText: '我的体检'
+}

src/pages/Mine/MyBodyCheck/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <view class="page flex-v">
+    <view class="UserInfo">
+      <view class="flex-h">
+        <view class="flex-h flex-item">
+          <text>姓名：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+        <view class="flex-h flex-item">
+          <text>学号：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+        <view class="flex-h flex-item">
+          <text>性别：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+        <view class="flex-h flex-item">
+          <text>学校：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+        <view class="flex-h flex-item">
+          <text>专业：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+        <view class="flex-h flex-item">
+          <text>创建时间：</text>
+          <text class="flex-item">xxx</text>
+        </view>
+      </view>
+    </view>
+    <view class="flex-item">
+      <view>
+        <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none" refresher-default-style="black">
+          <view class="Content">
+            <view class="ListItem" v-for="(item, index) in PageList" :key="index">
+              <BodyCheckItem></BodyCheckItem>
+            </view>
+          </view>
+          <PageBottom></PageBottom>
+        </scroll-view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import BodyCheckItem from '../../../components/BodyCheckItem'
+import PageBottom from '../../../components/PageBottom'
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+export default {
+  name: 'MyBodyCheck',
+  data () {
+    return {
+      IsPull: false,
+      PageList: ['', '', '', '', '', '', '', '', '', '', '', '']
+    }
+  },
+  computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo // 用户信息
+    })
+  },
+  components: {
+    BodyCheckItem,
+    PageBottom
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    ...mapUserActions([
+    ]),
+    ...mapUserMutations([
+    ]),
+    Init () {
+    },
+    OnRefresh (e) {
+      this.IsPull = true
+      window.setTimeout(() => {
+        this.IsPull = false
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/Mine/MyBodyCheck/page.scss

@@ -0,0 +1,53 @@
+.page {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #f8f8f8;
+  > .UserInfo {
+    // background: #f4c819;
+    background: #fff;
+    position: relative;
+    overflow: hidden;
+    padding: 20px 30px;
+    > view {
+      align-items: center;
+      flex-wrap: wrap;
+      > view {
+        min-width: 35%;
+        > text {
+          font-size: 28px;
+          line-height: 48px;
+          margin-right: 10px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+  }
+  > .flex-item {
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow: hidden;
+      .Content {
+        position: relative;
+        overflow: hidden;
+        > .ListItem {
+          position: relative;
+          overflow: hidden;
+          margin-bottom: 30px;
+          background: #fff;
+          &:first-child {
+            margin-top: 30px;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/Mine/MyDoctorVisit/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  // navigationStyle: 'custom',
+  navigationBarTitleText: '我的就诊'
+}

src/pages/Mine/MyDoctorVisit/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <view class="page">
+    <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none" refresher-default-style="black">
+      <view class="Content">
+        <view class="ListItem" v-for="(item, index) in PageList" :key="index">
+          <BodyCheckItem></BodyCheckItem>
+        </view>
+      </view>
+      <PageBottom></PageBottom>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import BodyCheckItem from '../../../components/BodyCheckItem'
+import PageBottom from '../../../components/PageBottom'
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+export default {
+  name: 'MyDoctorVisit',
+  data () {
+    return {
+      IsPull: false,
+      PageList: ['', '', '', '', '', '', '', '', '', '', '', '']
+    }
+  },
+  computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo // 用户信息
+    })
+  },
+  components: {
+    BodyCheckItem,
+    PageBottom
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    ...mapUserActions([
+    ]),
+    ...mapUserMutations([
+    ]),
+    Init () {
+    },
+    OnRefresh (e) {
+      this.IsPull = true
+      window.setTimeout(() => {
+        this.IsPull = false
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/Mine/MyDoctorVisit/page.scss

@@ -0,0 +1,19 @@
+.page {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #f8f8f8;
+  .Content {
+    position: relative;
+    overflow: hidden;
+    > .ListItem {
+      position: relative;
+      overflow: hidden;
+      margin-bottom: 30px;
+      background: #fff;
+      &:first-child {
+        margin-top: 30px;
+      }
+    }
+  }
+}

src/pages/Mine/MyInfo/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  // navigationStyle: 'custom',
+  navigationBarTitleText: '基础信息'
+}

src/pages/Mine/MyInfo/index.vue

@@ -0,0 +1,112 @@
+<template>
+  <view class="page">
+    <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none" refresher-default-style="black">
+      <view class="Content">
+        <view class="flex-h">
+          <view>头像</view>
+          <view class="flex-item">
+            <view class="UserIcon">
+              <image mode="aspectFill" :src="null" class="centerLabel"></image>
+            </view>
+          </view>
+        </view>
+        <view class="flex-h">
+          <view>昵称</view>
+          <view class="flex-item">
+            <input placeholder="请输入昵称" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view>姓名</view>
+          <view class="flex-item">
+            <input placeholder="请输入姓名" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view>性别</view>
+          <view class="flex-item">
+            <text>性别</text>
+          </view>
+        </view>
+        <view class="flex-h">
+          <view><text class="Point">*</text>手机号</view>
+          <view class="flex-item">
+            <input placeholder="请输入手机号" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view>邮箱</view>
+          <view class="flex-item">
+            <input placeholder="请输入邮箱" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view><text class="Point">*</text>学校</view>
+          <view class="flex-item">
+            <input placeholder="请输入学校" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view>学届</view>
+          <view class="flex-item">
+            <input placeholder="请输入学届" />
+          </view>
+        </view>
+        <view class="flex-h">
+          <view><text class="Point">*</text>学号</view>
+          <view class="flex-item">
+            <input placeholder="请输入学号" />
+          </view>
+        </view>
+        <view class="Save">
+          <view>保存</view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+export default {
+  name: 'MyInfo',
+  data () {
+    return {
+      IsPull: false,
+      PageList: ['', '', '', '', '', '', '', '', '', '', '', '']
+    }
+  },
+  computed: {
+    ...mapUserState({
+      UserInfo: x => x.UserInfo // 用户信息
+    })
+  },
+  components: {
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    ...mapUserActions([
+    ]),
+    ...mapUserMutations([
+    ]),
+    Init () {
+    },
+    OnRefresh (e) {
+      this.IsPull = true
+      window.setTimeout(() => {
+        this.IsPull = false
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/Mine/MyInfo/page.scss

@@ -0,0 +1,72 @@
+.page {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #f8f8f8;
+  .Content {
+    position: relative;
+    overflow: hidden;
+    > view {
+      align-items: center;
+      background: #fff;
+      position: relative;
+      overflow: hidden;
+      border-top: 2px solid #f8f8f8;
+      padding: 0 30px;
+      &:first-child {
+        border-top: none;
+      }
+      > view {
+        &:first-child {
+          font-size: 28px;
+          line-height: 100px;
+          min-width: 120px;
+          > .Point {
+            color: #f4c819;
+            font-size: 28px;
+            line-height: 100px;
+          }
+        }
+        &.flex-item {
+          position: relative;
+          overflow: hidden;
+          text-align: right;
+          > input {
+            width: 100%;
+            display: block;
+            text-align: right;
+            font-size: 28px;
+          }
+          > text {
+            width: 100%;
+            display: block;
+            text-align: right;
+            font-size: 28px;
+          }
+          > .UserIcon {
+            width: 80px;
+            height: 80px;
+            display: inline-block;
+            position: relative;
+            overflow: hidden;
+            background: #eee;
+            border-radius: 100%;
+          }
+        }
+      }
+      &.Save {
+        background: none;
+        margin-top: 80px;
+        margin-bottom: 80px;
+        > view {
+          width: 100%;
+          text-align: center;
+          line-height: 80px;
+          color: #333;
+          border-radius: 6px;
+          background: #f4c819;
+        }
+      }
+    }
+  }
+}

src/pages/Mine/MyReaded/index.vue

@@ -3,7 +3,7 @@
     <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none" refresher-default-style="black">
       <view class="Content">
         <view class="ListItem" v-for="(item, index) in PageList" :key="index">
-          <BookItem></BookItem>
+          <ReadedItem></ReadedItem>
         </view>
       </view>
       <PageBottom></PageBottom>
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import BookItem from '../../../components/BookItem'
+import ReadedItem from '../../../components/ReadedItem'
 import PageBottom from '../../../components/PageBottom'
 import { createNamespacedHelpers } from 'vuex'
 const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
@@ -30,7 +30,7 @@ export default {
     })
   },
   components: {
-    BookItem,
+    ReadedItem,
     PageBottom
   },
   created () {

src/pages/Mine/index.vue

@@ -18,7 +18,7 @@
             <view class="School flex-h">
               <text>学校：</text>
               <text class="flex-item">xxx大学</text>
-              <navigator url="">
+              <navigator url="/pages/Mine/MyInfo/index" hover-class="none">
                 <text>完善信息</text>
                 <text class="iconfont iconjiantouright"></text>
               </navigator>
@@ -48,7 +48,7 @@
 
         <!-- 用户选项 -->
         <view class="UserOption">
-          <navigator v-for="(item, index) in UserOption" :key="index" class="flex-h" :url="item.url">
+          <navigator v-for="(item, index) in UserOption" :key="index" class="flex-h" :url="item.url" hover-class="none">
             <view class="flex-h">
               <text class="iconfont" :class="item.icon"></text>
               <text class="flex-item">{{item.name}}</text>
@@ -73,9 +73,9 @@ export default {
       UserOption: [
         { name: '我的收藏', icon: 'iconshoucang', url: '/pages/Mine/MyCollected/index' },
         { name: '我的阅读', icon: 'iconyuedu', url: '/pages/Mine/MyReaded/index' },
-        { name: '我的就诊', icon: 'iconjiuzhen', url: '' },
-        { name: '我的体检', icon: 'icontijian', url: '' },
-        { name: '基础信息', icon: 'iconjichuxinxi', url: '' }
+        { name: '我的就诊', icon: 'iconjiuzhen', url: '/pages/Mine/MyDoctorVisit/index' },
+        { name: '我的体检', icon: 'icontijian', url: '/pages/Mine/MyBodyCheck/index' },
+        { name: '基础信息', icon: 'iconjichuxinxi', url: '/pages/Mine/MyInfo/index' }
       ]
     }
   },

src/pages/Study/index.vue

@@ -6,7 +6,7 @@
       <view class="flex-h">
         <text class="iconfont iconsousuo"></text>
         <view class="flex-item">
-          <navigator url="/pages/Index/Search/index">搜索你感兴趣的内容</navigator>
+          <navigator url="/pages/Index/Search/index" hover-class="none">搜索你感兴趣的内容</navigator>
         </view>
       </view>
     </view>