预留手机号新加解释，优惠券新增备注，修改部分样式，优化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)
+}

components/table/table.js

@@ -27,6 +27,9 @@ Component({
       type: String,
       value: '#d6e8ff'
     },
+    topColor: String,
+    topStyle: String,
+    bodyStyle: String,
     maxLine: {
       type: Number,
       value: 2

components/table/table.wxml

@@ -8,12 +8,19 @@
 </wxs>
 <scroll-view hidden="{{!showList.length||!showHeader.length}}" scroll-x class="table1-view" style="--max_line:{{maxLine}};--width:{{getTableWidth(tableWidth)}}">
   <view class="table1 d-table table-class">
-    <view class="d-table-row tr-class">
-      <view class="d-table-cell th-class" wx:for="{{showHeader}}" wx:key="index">{{item.title}}</view>
+    <view class="d-table-row tr-class" style="{{topColor ? 'background-color: rgb(242,248,246)' : ''}}">
+      <view class="d-table-cell th-class" style="{{topStyle}}" wx:for="{{showHeader}}" wx:key="index">{{item.title}}</view>
     </view>
     <view bindtap="onTap" data-index="{{index}}" bindlongpress="onLongPress" class="tr-class d-table-row {{currentIndex===index?'active':''}} {{index%2===0?'tr-class_even':'tr-class_odd'}}" wx:for="{{showList}}" wx:key="index">
-      <view class="d-table-cell td-class " wx:for="{{showHeader}}" wx:for-item="head" wx:for-index="hindex" wx:key="hindex" style="background-color: {{item[head.key].bg}};color:{{item[head.key].color}}">
-        <view class="text">
+      <view 
+        class="d-table-cell td-class" 
+        wx:for="{{showHeader}}" 
+        wx:for-item="head" 
+        wx:for-index="hindex" 
+        wx:key="hindex" 
+        style="background-color: {{item[head.key].bg}};color:{{item[head.key].color}}"
+      >
+        <view class="text" style="{{bodyStyle}}">
           {{item[head.key].text}}
         </view>
       </view>