Fix(我的优惠券):[#969]优惠券使用说明，收起和展开点击无法生效

components/Coupons.vue

@@ -17,7 +17,12 @@
       <view class="coupons__rules-title" @click="changeRules()">使用规则
         <image :class="{'open':isOpen}" :src="webUrl+'/20231125220409665027.png'" mode="scaleToFill"/>
       </view>
-      <rich-text :nodes="data.description" v-show="isOpen"/>
+      <view
+        :class="isOpen ? 'auto-height' : ''"
+        class="coupon-html"
+      >
+        <rich-text :nodes="data.description" />
+      </view>
     </view>
   </view>
 </template>
@@ -124,6 +129,14 @@ export default {
         transform: rotate(180deg);
       }
     }
+    .coupon-html {
+      height: 80rpx;
+      overflow: hidden;
+      transition: all .3s;
+      &.auto-height {
+        height: auto;
+      }
+    }
   }
 }
 </style>