修改点击事件

pages/home/index.vue

@@ -11,9 +11,9 @@
             </view>
         </view>
         <view class="patientTab">
-            <view :class="'notActive ft32' + (status == '1' ? ' active PfScMedium' : '')" @click="changeWaitType('1')">
+            <view :class="'notActive ft32' + (status == '1' ? ' active PfScMedium' : '')" @tap="changeWaitType('1')">
                 库存列表</view>
-            <view :class="'notActive ft32' + (status == '2' ? ' active PfScMedium' : '')" @click="changeWaitType('2')">
+            <view :class="'notActive ft32' + (status == '2' ? ' active PfScMedium' : '')" @tap="changeWaitType('2')">
                 出库列表
             </view>
         </view>
@@ -22,12 +22,12 @@
             <view class="bed-wait-container">
                 <view class="bed-wait-list">
                     <view class="bed-wait-item" v-for="(item, index) in bedWaitList" :key="index"
-                        @click="lookDetail(item)">
+                        @tap="lookDetail(item)">
 
                         <view class="bed-wait-info">
 
                             <view class="bed-wait-name PfScMedium">{{ item.coin_name }}</view>
-                            <view class="bed-sex">{{ item.year }}年</view>
+                            <view class="bed-sex">{{ item.year }}</view>
 
                             <view :class="'bed-desc'">
                                 {{ item.rating_code }}
@@ -50,7 +50,7 @@
         </scroll-view>
 
         <view class="qrcode_wrap">
-            <img :src="cssUrl + 'qrcode_get.png'" alt="" @click="scanQrcode">
+            <img :src="cssUrl + 'qrcode_get.png'" alt="" @tap="scanQrcode">
         </view>
 
         <PopUpCommon ref="coinsPopup" :showClose="true" zIndex="top">
@@ -59,8 +59,10 @@
                 <view class="content">
                     <CoinsDetail :scanCodeDetail="scanCodeDetail" />
                 </view>
-                <PageBottomBtn :text="btnText[scanCodeDetail.ancient_coin_status]" cancelTxt="取消" @click="onConfirm"
-                    @cancelClick="onCancel" :show-cancel="true" />
+                <view class="qrcode_wrap page-bottom-btn-container flex-between">
+                    <view class="bottom-btn cancel" @click="onCancel">取消</view>
+                    <view class="bottom-btn PfScMedium primary" @click="onConfirm">{{ btnText[scanCodeDetail.ancient_coin_status] }}</view>
+                </view>
             </view>
         </PopUpCommon>
     </view>
@@ -272,6 +274,54 @@ export default {
     display: flex;
     justify-content: space-between;
 }
+.popWrap{
+    display: flex;
+    flex-direction: column;
+    max-height: 800rpx;
+    .content{
+        flex: 1;
+    }
+}
+
+.bottom-btn {
+  height: 92rpx;
+  width: 100%;
+  margin: 16rpx 0;
+  line-height: 92rpx;
+  text-align: center;
+
+  font-size: 32rpx;
+  border-radius: 16rpx;
+  border: none;
+  padding: 0;
+  &.primary{
+    background-color: #39D067;
+    color: #FFFFFF;
+  }
+  &.cancel{
+    background-color: #F1F2F3;
+    color: #616266;
+  }
+
+  &::after {
+    border: none;
+  }
+
+  &.disabled {
+    background-color: #CCCCCC;
+    opacity: 0.7;
+  }
+}
+.page-bottom-btn-container {
+  box-sizing: border-box;
+  background-color: #FFFFFF;
+  padding: 0rpx 54rpx;
+  box-shadow: 0px -2rpx 6rpx 0rpx rgba(181, 181, 181, 0.1319);
+  z-index: 9;
+  padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  column-gap: 50rpx;
+}
 .home-wrap {
     display: flex;
     flex-direction: column;