编辑我的页面跳转，完成积分和优惠券页面的创建（内容还没写多少）

components/aid/index.wxss

@@ -28,7 +28,7 @@
 }
 
 .synopsis {
-    height: 80rpx;
+    height: 75rpx;
     overflow: hidden;
     margin-top: 20rpx;
     margin-bottom: 10rpx;

components/discountCoupon/index.js

@@ -19,6 +19,8 @@ Component({
    * 组件的方法列表
    */
   methods: {
-
+    handleUse() {
+      
+    }
   }
 })

components/discountCoupon/index.json

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

components/discountCoupon/index.wxml

@@ -1,2 +1,32 @@
 <!--components/discountCoupon/index.wxml-->
-<text>components/discountCoupon/index.wxml</text>
+
+
+<view class="wrapper">
+    <view class="top">
+        <view class="left">
+            <view class="typeText">
+                通用优惠券
+            </view>
+            <view class="time">
+                有效期至2024.12.01
+            </view>
+        </view>
+        <view class="right">
+            <view class="price">
+                <text style="font-size: 26rpx;line-height: 26rpx;"> ￥ </text>
+                <view class="number"> 30 </view>
+            </view>
+            <view class="limit">
+                满30可用
+            </view>
+        </view>
+    </view>
+    <view class="bottom">
+        <view class="left">
+            仅限商城使用
+        </view>
+        <view class="right">
+            <van-button type="info" size="small" bind:tap="handleUse">去使用</van-button>
+        </view>
+    </view>
+</view>

components/discountCoupon/index.wxss

@@ -1 +1,55 @@
-/* components/discountCoupon/index.wxss */
+/* components/discountCoupon/index.wxss */
+
+.wrapper {
+    padding: 24rpx;
+    border-radius: 16rpx;
+    background-color: #fff;
+}
+
+.top {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1rpx dashed #ccc;
+    padding-bottom: 20rpx;
+}
+
+.top .right {
+    color: #fa541c;
+}
+
+.price {
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 14rpx;
+}
+
+.typeText {
+    font-weight: 700;
+    font-size: 42rpx;
+    margin-bottom: 20rpx;
+}
+
+.time {
+    font-size: 30rpx;
+}
+
+.price {
+    font-size: 44rpx;
+    line-height: 44rpx;
+}
+
+.limit {
+    font-size: 30rpx;
+}
+
+.bottom {
+    margin-top: 20rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.bottom .left {
+    flex: 1;
+    font-size: 32rpx;
+}