uupdate

.neoconf.json

@@ -0,0 +1,10 @@
+{
+  "emmet_language_server": {
+    "init_options": {
+      "preferences": {
+        "css.intUnit": "rpx",
+        "css.floatUnitr": "rpx"
+      }
+    }
+  }
+}

project.private.config.json

@@ -23,11 +23,18 @@
     "miniprogram": {
       "list": [
         {
-          "name": "患者-首页",
+          "name": "pages/6/index",
-          "pathName": "pages/1/index",
+          "pathName": "pages/6/index",
           "query": "",
           "scene": null,
           "launchMode": "default"
+        },
+        {
+          "name": "患者-首页",
+          "pathName": "pages/1/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }

src/pages/12/index.ts

@@ -5,7 +5,8 @@ Page({
   onLoad() {},
   handleTap1() {
     wx.navigateTo({
-      url: "/pages/13/index",
+      // url: "/pages/13/index",
+      url: "/pages/26/index",
     });
   },
   handelTap1() {
@@ -13,7 +14,8 @@ Page({
   },
   handelTap2() {
     wx.navigateTo({
-      url: "/pages/13/index",
+      // url: "/pages/13/index",
+      url: "/pages/26/index",
     });
   },
   handelTap3() {

src/pages/2/index.scss

@@ -1,3 +1,22 @@
 .page {
   width: 100vw;
 }
+
+.page-click1 {
+  position: absolute;
+  top: 1406rpx;
+  left: 50vw;
+  z-index: 1;
+  width: 50vw;
+  height: 120rpx;
+  background-color: transparent;
+}
+
+.float1 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  height: 100vh;
+}

src/pages/2/index.ts

@@ -1,13 +1,25 @@
 const _app = getApp<IAppOption>();
 
 Page({
-  data: {},
+  data: {
+    float1: false,
+  },
   onLoad() {},
-  handleTap1() {
+  handlePage() {
     wx.navigateTo({
       url: "/pages/3/index",
     });
   },
+  handelTap1() {
+    this.setData({
+      float1: true,
+    });
+  },
+  handleFloat1() {
+    this.setData({
+      float1: false,
+    });
+  },
 });
 
 export {};

src/pages/2/index.wxml

@@ -1,2 +1,11 @@
 <navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}md/12.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<image class="page" mode="widthFix" src="{{imageUrl}}md/12.png?t={{Timestamp}}" bind:tap="handlePage"></image>
+<view class="page-click1" catch:tap="handelTap1"></view>
+
+<image
+  wx:if="{{float1}}"
+  class="float1"
+  mode="widthFix"
+  src="{{imageUrl}}md/popup1.png?t={{Timestamp}}"
+  catch:tap="handleFloat1"
+></image>

src/pages/26/index.scss

@@ -1,3 +1,45 @@
 .page {
   width: 100vw;
+  padding-bottom: 180rpx;
+}
+
+.page-click1 {
+  position: fixed;
+  bottom: 20rpx;
+  left: 0;
+  z-index: 3;
+  width: 50vw;
+  height: 224rpx;
+  background-color: transparent;
+}
+.page-click2 {
+  position: fixed;
+  bottom: 20rpx;
+  left: 50vw;
+  z-index: 3;
+  width: 50vw;
+  height: 224rpx;
+  background-color: transparent;
+}
+.page-click3 {
+  position: absolute;
+  top: 320rpx;
+  left: 0;
+  z-index: 1;
+  width: 100vw;
+  height: 124rpx;
+  background-color: transparent;
+}
+
+.tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  padding-bottom: 20rpx;
+  background-color: #fff;
+  .tabbar-img {
+    width: 100%;
+  }
 }

src/pages/26/index.ts

@@ -3,6 +3,24 @@ const _app = getApp<IAppOption>();
 Page({
   data: {},
   onLoad() {},
+  handleTap1() {
+    wx.navigateTo({
+      url: "/pages/13/index",
+    });
+  },
+  handelTap1() {
+    wx.navigateBack();
+  },
+  handelTap2() {
+    wx.navigateTo({
+      url: "/pages/13/index",
+    });
+  },
+  handelTap3() {
+    wx.redirectTo({
+      url: "/pages/19/index",
+    });
+  },
 });
 
 export {};

src/pages/26/index.wxml

@@ -0,0 +1,10 @@
+<navigation-bar></navigation-bar>
+<image class="page" mode="widthFix" src="{{imageUrl}}md/35.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+
+<view class="page-click1" catch:tap="handelTap1"></view>
+<view class="page-click2" catch:tap="handelTap2"></view>
+<view class="page-click3" catch:tap="handelTap3"></view>
+
+<view class="tabbar">
+  <image class="tabbar-img" mode="widthFix" src="{{imageUrl}}md/footer1.png?t={{Timestamp}}"></image>
+</view>

src/pages/6/index.json

@@ -1,3 +1,5 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "van-slider": "@vant/weapp/slider/index"
+  }
 }

src/pages/6/index.scss

@@ -23,6 +23,117 @@
       height: 120rpx;
       background-color: transparent;
     }
+    .status {
+      position: absolute;
+      top: 548rpx;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 260rpx;
+      height: 260rpx;
+    }
+    .title {
+      position: absolute;
+      top: 826rpx;
+      left: 0;
+      width: 100%;
+      display: flex;
+      align-items: baseline;
+      justify-content: center;
+      font-size: 32rpx;
+      color: #29282c;
+      font-weight: bold;
+      .num {
+        font-size: 96rpx;
+        color: #88db93;
+        font-weight: bold;
+      }
+    }
+    .content {
+      position: absolute;
+      top: 936rpx;
+      left: 0;
+      width: 100%;
+      text-align: center;
+      font-size: 32rpx;
+      color: #6b7280;
+    }
+    .slider {
+      position: absolute;
+      top: 1160rpx;
+      left: 50rpx;
+      width: calc(100vw - 100rpx);
+      .slider-button {
+        width: 72rpx;
+        height: 72rpx;
+        border-radius: 50%;
+        background: linear-gradient(89deg, rgba(171, 198, 125, 1), rgba(205, 179, 105, 1));
+        &::after {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          content: "";
+          width: 64rpx;
+          height: 64rpx;
+          background-color: #fff;
+          border-radius: 50%;
+        }
+        .tip {
+          position: absolute;
+          top: -20rpx;
+          left: 50%;
+          transform: translate(-50%, -100%);
+          min-width: 110rpx;
+          padding: 10rpx 0;
+          background: #787878;
+          border-radius: 492rpx 492rpx 492rpx 492rpx;
+          display: flex;
+          align-items: baseline;
+          justify-content: center;
+          font-size: 26rpx;
+          color: rgba(255, 255, 255, 0.5);
+          line-height: 1;
+          .num {
+            font-size: 48rpx;
+            color: #ffffff;
+            font-weight: bold;
+          }
+          &::after {
+            position: absolute;
+            bottom: -10rpx;
+            content: "";
+            width: 0;
+            height: 0;
+            border-style: solid;
+            border-width: 12rpx 6rpx 0 6rpx;
+            border-color: #787878 transparent transparent transparent;
+          }
+        }
+      }
+    }
+  }
+  .swiper-item2 {
+    position: relative;
+    height: 100vh;
+    overflow-y: scroll;
+    .page-click1 {
+      position: absolute;
+      top: 1386rpx;
+      left: 0;
+      z-index: 1;
+      width: 50vw;
+      height: 120rpx;
+      background-color: transparent;
+    }
+    .page-click2 {
+      position: absolute;
+      top: 1386rpx;
+      left: 50vw;
+      z-index: 1;
+      width: 50vw;
+      height: 120rpx;
+      background-color: transparent;
+    }
   }
   .page-img {
     width: 100vw;

src/pages/6/index.ts

@@ -3,6 +3,53 @@ const _app = getApp<IAppOption>();
 Page({
   data: {
     current: 0,
+    sliderValue: 0,
+    slider: {
+      0: {
+        title: "完全不痛",
+        content: "无痛，舒适，不影响任何活动和睡眠",
+      },
+      1: {
+        title: "轻度疼痛",
+        content: "极轻微疼痛，几乎不觉，对生活无影响",
+      },
+      2: {
+        title: "轻度疼痛",
+        content: "轻微疼痛偶尔出现，不干扰睡眠和日常",
+      },
+      3: {
+        title: "轻度疼痛",
+        content: "轻度持续痛，可忍受，不影响生活",
+      },
+      4: {
+        title: "中度疼痛",
+        content: "疼痛明显，安静时察觉，睡眠略受扰",
+      },
+      5: {
+        title: "中度疼痛",
+        content: "中度痛，分散注意力，睡眠翻身增多",
+      },
+      6: {
+        title: "中度疼痛",
+        content: "中度痛加重，活动受限，睡眠偶醒",
+      },
+      7: {
+        title: "重度疼痛",
+        content: "重度痛，活动困难，睡眠严重受扰",
+      },
+      8: {
+        title: "重度疼痛",
+        content: "剧烈痛，几乎不能动，基本无法入睡",
+      },
+      9: {
+        title: "重度疼痛",
+        content: "极度剧痛，无法活动，毫无睡意",
+      },
+      10: {
+        title: "重度疼痛",
+        content: "最剧烈疼痛，难以忍受，意识可能模糊",
+      },
+    },
   },
   onLoad() {},
   handlePage1() {
@@ -34,6 +81,12 @@ Page({
       url: "/pages/7/index",
     });
   },
+  onChange(e: any) {
+    const value = Math.floor(e.detail.value);
+    this.setData({
+      sliderValue: value,
+    });
+  },
 });
 
 export {};

src/pages/6/index.wxml

@@ -3,15 +3,48 @@
 <swiper class="page" model:current="{{current}}">
   <swiper-item class="swiper-item1" bind:tap="handlePage1">
     <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}md/2.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==0}}" class="status" src="{{imageUrl}}md/status0.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==1}}" class="status" src="{{imageUrl}}md/status1.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==2}}" class="status" src="{{imageUrl}}md/status2.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==3}}" class="status" src="{{imageUrl}}md/status3.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==4}}" class="status" src="{{imageUrl}}md/status4.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==5}}" class="status" src="{{imageUrl}}md/status5.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==6}}" class="status" src="{{imageUrl}}md/status6.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==7}}" class="status" src="{{imageUrl}}md/status7.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==8}}" class="status" src="{{imageUrl}}md/status8.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==9}}" class="status" src="{{imageUrl}}md/status9.png?t={{Timestamp}}"></image>
+    <image wx:if="{{sliderValue==10}}" class="status" src="{{imageUrl}}md/status10.png?t={{Timestamp}}"></image>
+    <view class="title">
+      <view class="num">{{sliderValue}}</view>
+      分-{{slider[sliderValue].title}}
+    </view>
+    <view class="content">{{slider[sliderValue].content}}</view>
+    <van-slider
+      class="slider"
+      bar-height="36rpx"
+      inactive-color="linear-gradient( 90deg, #76E69E 0%, #D1B066 33%,#FF7B4A 66%,#FF484B 100%)"
+      active-color="transparent"
+      max="10"
+      step="0.01"
+      bind:drag="onChange"
+      use-button-slot
+    >
+      <view class="slider-button" slot="button">
+        <view class="tip">
+          <view class="num">{{sliderValue}}</view>
+          分
+        </view>
+      </view>
+    </van-slider>
     <view class="page-click1" catch:tap="handleTap1"></view>
     <view class="page-click2" catch:tap="handleTap2"></view>
   </swiper-item>
-  <swiper-item class="swiper-item1" bind:tap="handlePage2">
+  <swiper-item class="swiper-item2" bind:tap="handlePage2">
     <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}md/9.png?t={{Timestamp}}"></image>
     <view class="page-click1" catch:tap="handleTap1"></view>
     <view class="page-click2" catch:tap="handleTap2"></view>
   </swiper-item>
-  <swiper-item class="swiper-item1" bind:tap="handlePage3">
+  <swiper-item class="swiper-item2" bind:tap="handlePage3">
     <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}md/13.png?t={{Timestamp}}"></image>
     <view class="page-click1" catch:tap="handleTap1"></view>
     <view class="page-click2" catch:tap="handleTap2"></view>