兑换页弹出

src/points/productDetails/index.vue

@@ -65,8 +65,10 @@
         <view class="niticeClass">
           <view class="title">
             兑换须知
-            <ImageItem @click="showPopup = true" style="width: 28rpx;height: 28rpx;position: absolute;right: 0;"
-              src="/static/points/Keyboard_arrow_rifht.png" />
+            <span style="position: absolute;right: 24rpx;">
+              <image style="width: 28rpx;height: 28rpx;" @click="clichFun"
+                src="@/static/points/Keyboard_arrow_rifht.png" mode=""></image>
+            </span>
           </view>
           <view class="text">
             1、会员可凭上述积分兑换“广誉源会员定制玻璃杯”一个； <br>
@@ -78,6 +80,7 @@
         <!-- 平台须知 -->
         <view class="niticeClass">
           <view class="title">平台说明
+            
             <span style="position: absolute;right: 24rpx;">
               <image style="width: 28rpx;height: 28rpx;" @click="clichFun"
                 src="@/static/points/Keyboard_arrow_rifht.png" mode=""></image>
@@ -90,14 +93,24 @@
         </view>
       </view>
 
-
-      <u-popup :show="showPopup" mode="bottom" @close="showPopup = false" round="20">
+      <view class="footer-bar">
+        <u-button :customStyle="{
+          color: '#fff',
+          background: '#03C1B8'
+        }">立即兑换</u-button>
+      </view>
+      <!-- <view class="footer-bar">
+        <u-button :customStyle="{
+          color: '#999999 ',
+          background: '#eee'
+        }">库存不足</u-button>
+      </view> -->
+
+       <u-popup :show="showPopup" mode="bottom" @close="showPopup = false" round="20">
         <view class="popupClass">
           <view class="niticeClass">
             <view class="title">
               兑换须知
-              <ImageItem @click="showPopup = true" style="width: 28rpx;height: 28rpx;position: absolute;right: 0;"
-                src="/static/points/Keyboard_arrow_rifht.png" />
             </view>
             <view class="text">
               1、会员可凭上述积分兑换“广誉源会员定制玻璃杯”一个； <br>
@@ -177,6 +190,17 @@ export default {
   border: 1px solid red
 }
 
+.footer-bar {
+  .u-button {
+    width: 670rpx;
+    height: 84rpx;
+    border-radius: 98rpx 98rpx 98rpx 98rpx;
+    margin: 20rpx 40rpx;
+     background: '#000';
+   
+  }
+}
+
 .content {
   background-color: #F5F8F8;
   padding: 24rpx 32rpx 0 32rpx;
@@ -362,7 +386,7 @@ export default {
 
     .title {
       font-weight: 800;
-      font-size: 32rpx;
+      font-size: 28rpx;
       color: #333333;
       line-height: 28rpx;
       text-align: left;