预留手机号新加解释，优惠券新增备注，修改部分样式，优化table组件可以传属性

components/discountCoupon/index.js

@@ -38,10 +38,27 @@ Component({
         that.triggerEvent("change", { id, type: 2 })
       })
     },
+    showRemark() {
+      wx.showModal({
+        title: '备注',
+        content: this.data?.data?.remark,
+        showCancel: false,
+        complete: (res) => {
+          if (res.cancel) {
+            
+          }
+      
+          if (res.confirm) {
+            
+          }
+        }
+      })
+      
+    },
     handleUseIt() {
       alertInfo("敬请期待")
     },
-    async handleUse(e) {
+    async handleUse() {
       const { data } = this.data;
       const that = this;
       loadingFunc(async () => {

components/discountCoupon/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "van-button": "@vant/weapp/button/index"
+    "van-button": "@vant/weapp/button/index",
+    "van-dialog": "@vant/weapp/dialog/index"
   }
 }

components/discountCoupon/index.wxml

@@ -26,8 +26,8 @@
         </view>
     </view>
     <view class="bottom">
-        <view class="left">
-            
+        <view class="left" bind:tap="showRemark">
+            {{data.remark}}
         </view>
         <view class="right">
             <van-button wx:if="{{type === 1}}" type="info" size="small" bind:tap="handleUse">去领取</van-button>
@@ -35,4 +35,5 @@
             <van-button wx:if="{{type === 3}}" type="info" size="small" bind:tap="handleUseIt">去使用</van-button>
         </view>
     </view>
-</view>
+</view>
+<van-dialog id="van-dialog" />

components/discountCoupon/index.wxss

@@ -10,7 +10,7 @@
     display: flex;
     justify-content: space-between;
     border-bottom: 1rpx dashed #ccc;
-    padding-bottom: 20rpx;
+    padding-bottom: 30rpx;
 }
 
 .top .right {
@@ -25,7 +25,7 @@
 
 .typeText {
     font-weight: 700;
-    font-size: 42rpx;
+    font-size: 36rpx;
     margin-bottom: 20rpx;
 }
 
@@ -51,5 +51,10 @@
 
 .bottom .left {
     flex: 1;
-    font-size: 32rpx;
-}
+    max-width: calc(100vw - 60rpx - 250rpx);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 30rpx;
+    color: rgba(0, 0, 0, 0.7)
+}