diff --git a/components/Coupons.vue b/components/Coupons.vue
index 54ba702..bd82d9e 100644
--- a/components/Coupons.vue
+++ b/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>
\ No newline at end of file