bug fix

pages/index/index.js

@@ -68,7 +68,7 @@ Page({
     }],
     menuList: [{
       icon: "../../static/mine/dcwj.png",
-      title: "调查问卷",
+      title: "健康检测",
       type: "navigate",
       url: "/subpages/testSAS/testSAS"
     }, {

project.private.config.json

@@ -10,6 +10,13 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "subpages/testSAS/testSAS",
+          "pathName": "subpages/testSAS/testSAS",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "subpages/detectionResult/detectionResult",
           "pathName": "subpages/detectionResult/detectionResult",

subpages/testSAS/testSAS.js

@@ -6,7 +6,27 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    menuList: [{
+      icon: "/subpages/images/ic_test_a.png",
+      title: "睡眠质量指数测评",
+      desc: "依据匹兹堡睡眠质量指数表",
+      bg: "linear-gradient(270deg, #DDE7FF 0%, #EEF6FF 100%)",
+      titleBg: "#2F539E",
+      descColor: "#4160AD",
+      border: "1rpx solid #c8d7ff",
+      btnBg: "linear-gradient(135deg, #2957CB 0%, #649DFA 100%)",
+      url: "/subpages/sleepQualityIndexAssessment/sleepQualityIndexAssessment"
+    }, {
+      icon: "/subpages/images/ic_test_b.png",
+      title: "体质诊断检测",
+      desc: "日本汉方医学专家铃木元设计",
+      bg: "linear-gradient( 270deg, #FFE5E5 0%, #FFF2F4 100%)",
+      titleBg: "#7E3934",
+      descColor: "#4E1915",
+      border: "1rpx solid #ffd3d3",
+      btnBg: "linear-gradient(135deg, #F34556 0%, #FC8893 100%)",
+      url: "/subpages/constitutionDiagnosis/constitutionDiagnosis"
+    }]
   },
   toSleepEvaluation() {
     if (!wx.getStorageSync('hotelEmpower') && !wx.getStorageSync('roomEmpower')) {
@@ -22,6 +42,12 @@ Page({
       url: "/subpages/sleepEvaluation/sleepEvaluation"
     })
   },
+  checkMenuTap(e) { 
+    console.log(e.currentTarget.dataset.url);
+    wx.navigateTo({
+      url: e.currentTarget.dataset.url
+    })
+  }, 
 
   /**
    * 生命周期函数--监听页面加载

subpages/testSAS/testSAS.json

@@ -3,5 +3,5 @@
   },
   "navigationBarBackgroundColor": "#ffffff",
   "navigationBarTextStyle": "black",
-  "navigationBarTitleText": "舒眠大健康"
+  "navigationBarTitleText": "健康检测"
 }

subpages/testSAS/testSAS.wxml

@@ -1,4 +1,4 @@
-<view class='container'>
+<!-- <view class='container'>
     <navigator url="/subpages/sleepQualityIndexAssessment/sleepQualityIndexAssessment" class="card-item">
         <image class="card-bg" src="/subpages/images/ic_test_abg.png"></image>
         <view class="card-content">
@@ -6,13 +6,13 @@
             <text>睡眠质量指数测评</text>
         </view>
     </navigator>
-    <navigator url="null" class="card-item" bindtap="toSleepEvaluation">
+     <navigator url="null" class="card-item" bindtap="toSleepEvaluation">
         <image class="card-bg" src="/subpages/images/ic_test_bbg.png"></image>
         <view class="card-content">
             <image class="card-icon" src="/subpages/images/ic_test_b.png"></image>
             <text>六感熟眠客房\n满意度调查</text>
         </view>
-    </navigator>
+    </navigator> 
     <navigator url="/subpages/constitutionDiagnosis/constitutionDiagnosis" class="card-item">
         <image class="card-bg" src="/subpages/images/ic_test_cbg.png"></image>
         <view class="card-content">
@@ -20,4 +20,16 @@
             <text>体质诊断检测</text>
         </view>
     </navigator>
+</view> -->
+<view class="list">
+    <view class="item" wx:for="{{menuList}}" wx:key="index" style="{{'background:'+item.bg+';border:'+item.border}}"
+        data-url="{{item.url}}" bindtap="checkMenuTap">
+        <view class="item-l">
+            <text class="item-title" style="{{'color:'+item.titleBg}}">{{item.title}}</text>
+            <text class="item-desc" style="{{'color:'+item.descColor}}">{{item.desc}}</text>
+            <text class="item-btn" style="{{'background:'+item.btnBg}}">查看报告</text>
+        </view>
+        <image class="item-icon" src="{{item.icon}}"></image>
+    </view>
+
 </view>

subpages/testSAS/testSAS.wxss

@@ -53,4 +53,72 @@ page {
   font-size: 32rpx;
   line-height: 40rpx;
   color: #FFFFFF;
+}
+
+.list {
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.item {
+  margin-top: 15px;
+  width: 690rpx;
+  height: 232rpx;
+  background: linear-gradient(270deg, #DDE7FF 0%, #EEF6FF 100%);
+  border-radius: 24rpx;
+  border: 1rpx solid #c8d7ff;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+}
+
+.item:active {
+  opacity: 0.7;
+}
+
+.item-icon {
+  display: block;
+  width: 232rpx;
+  height: 232rpx;
+  border-bottom-right-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+  overflow: hidden;
+}
+
+.item-l {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.item-title {
+  font-size: 34rpx;
+  font-style: oblique;
+  font-weight: bold;
+  margin-top: 40rpx;
+  margin-left: 50rpx;
+}
+
+.item-desc {
+  font-size: 24rpx;
+  color: #4160AD;
+  margin-top: 4rpx;
+  margin-left: 50rpx;
+}
+
+.item-btn {
+  width: 144rpx;
+  height: 52rpx;
+  /* background: linear-gradient(135deg, #F34556 0%, #FC8893 100%); */
+  background: linear-gradient(135deg, #2957CB 0%, #649DFA 100%);
+  border-radius: 144rpx;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #FFFFFF;
+  text-align: center;
+  line-height: 52rpx;
+  margin-top: 12rpx;
+  margin-left: 50rpx;
 }