Feat:寻看点和抽奖

components/Coupons.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="components-coupons">
-    <image class="coupons__cover" :src="data.image" mode="scaleToFill"/>
+    <image class="coupons__cover" :src="data.image" mode="widthFix"/>
 
     <view class="coupons__section flex jc-between ai-center">
       <view>有效期至：
@@ -9,7 +9,7 @@
       <view class="coupons__tag coupons__tag-expire" v-if="data.status===2">已到期</view>
       <view class="coupons__tag" @click="goGoods()" v-if="data.status===0 && !radioModel">去使用</view>
       <view @click="selectCoupon">
-      <radio :value="data.id" :checked="data.checked" color="#FF564A" v-if="radioModel && data.status===0"/>
+        <radio :value="data.id" :checked="data.checked" color="#FF564A" v-if="radioModel && data.status===0"/>
       </view>
     </view>
 
@@ -17,7 +17,7 @@
       <view class="coupons__rules-title" @click="changeRules()">使用规则
         <image :class="{'open':isOpen}" :src="webUrl+'/20231125220409665027.png'" mode="scaleToFill"/>
       </view>
-      <view v-html="data.description" v-show="isOpen"></view>
+      <rich-text :nodes="data.description" v-show="isOpen"/>
     </view>
   </view>
 </template>
@@ -47,7 +47,7 @@ export default {
       this.isOpen = !this.isOpen
     },
     goGoods() {
-      uni.switchTab({url:'/pages/home/landMark'})
+      uni.switchTab({url: '/pages/home/landMark'})
       // this.$global.navToGoods(this.data.productId)
     },
     selectCoupon() {
@@ -72,7 +72,7 @@ export default {
 
   .coupons__cover {
     width: 100%;
-    height: 300rpx;
+    height: auto;
   }
 
   .coupons__section {