优化添加组件及页面

src/components/coupon/GroupCoupon.vue

@@ -21,6 +21,11 @@
 </template>
 
 <script lang="ts" setup name="GroupCoupon">
+    /**
+	 * GroupCoupon 团购券组件
+	 * @description 展示团购券信息
+     */
+
 	const OSS = inject('OSS')
     defineProps<{
         coupon: {

src/components/coupon/coupon.vue

@@ -22,6 +22,11 @@
 </template>
 
 <script lang="ts" setup name="Coupon">
+    /**
+	 * Coupon 优惠券组件
+	 * @description 展示优惠券信息
+     */
+
     defineProps<{
         coupon: {
             id: number
@@ -40,33 +45,33 @@ export default {}
 </script>
 
 <style lang="scss" scoped>
-.coupon {
-	position: relative;
-	border-radius: 8px;
-	margin-right: 22rpx;
-	height: 100px;
-}
+    .coupon {
+        position: relative;
+        border-radius: 8px;
+        margin-right: 22rpx;
+        height: 100px;
+    }
 
-.coupon::before,
-.coupon::after {
-	content: "";
-	position: absolute;
-	top: 50%;
-	width: 32rpx;
-	/* 控制凹口大小 */
-	height: 32rpx;
-    background: #F6F7F9;
-	/* 与页面背景色一致 */
-	border-radius: 50%;
-	transform: translateY(-50%);
-	z-index: 2;
-}
+    .coupon::before,
+    .coupon::after {
+        content: "";
+        position: absolute;
+        top: 50%;
+        width: 32rpx;
+        /* 控制凹口大小 */
+        height: 32rpx;
+        background: #F6F7F9;
+        /* 与页面背景色一致 */
+        border-radius: 50%;
+        transform: translateY(-50%);
+        z-index: 2;
+    }
 
-.coupon::before {
-	left: -16rpx;
-}
+    .coupon::before {
+        left: -16rpx;
+    }
 
-.coupon::after {
-	right: -16rpx;
-}
+    .coupon::after {
+        right: -16rpx;
+    }
 </style>