11

pages/index/index.js

@@ -5,6 +5,7 @@ import {path} from '../../utils/circle';
 const app = getApp()
 Page({
   data: {
+    showRight:false,
     transportStatusData:{},
     transportBusinessData:{},
     transportBusinessNum:1,
@@ -142,6 +143,11 @@ Page({
       wx.setStorageSync('status', JSON.stringify(that.data.status));
     }
   },
+  showRight(){
+    this.setData({
+      showRight:true,
+    })
+  },
   onReady: function () {
     var that = this;
     // that.canvasRingA = that.selectComponent("#canvasRingA");

pages/index/index.json

@@ -2,6 +2,8 @@
   "usingComponents": {
     "nav-bar":"../navbar/navbar",
     "ec-canvas": "../../ec-canvas/ec-canvas",
-    "canvas-ring": "/components/canvas-ring/canvas-ring"
+    "canvas-ring": "/components/canvas-ring/canvas-ring",
+    "index-right": "./indexRight/indexRight"
+  
   }
 }

pages/index/index.wxml

@@ -42,12 +42,13 @@
       </view>
     </view>
   </view>
-  <view>
+  <index-right wx:if="{{showRight}}"></index-right>
+  <view wx:if="{{!showRight}}">
     <view wx:if="{{status.statusLabelType}}" class="product_one">
       <view class="product_All">
         <view class="product_name">
           <view class="card_text">疫苗种类统计</view>
-          <view class="card_tab">实时追溯</view>
+          <view class="card_tab" bindtap="showRight">实时追溯</view>
         </view>
         <view class="product_content">
           <view class="cardTitle1">

pages/index/indexRight/indexRight.js

@@ -0,0 +1,4 @@
+const app = getApp();
+Component({
+
+})

pages/index/indexRight/indexRight.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/index/indexRight/indexRight.wxml

@@ -0,0 +1,8 @@
+<view class="index_right">
+  <view class="product_All">
+    <view class="product_name">
+      <view class="card_text">疫苗种类统计</view>
+      <view class="card_tab">实时追溯</view>
+    </view>
+  </view>
+</view>

pages/index/indexRight/indexRight.wxss

@@ -0,0 +1,19 @@
+
+.product_All{
+  width: 100%;
+  background: #FFF;
+  margin-top: 20rpx;
+}
+.product_name{
+  display: flex;
+  justify-content: space-between;
+  padding: 35rpx 20rpx;
+  align-content: center;
+}
+.product_name .card_tab{
+  border-radius: 20rpx;
+  color: #2D59E6;
+  padding:0 16rpx;
+  font-size: 26rpx;
+  border: 2rpx solid #2d59e6;
+}