diff --git a/pages/order/coupon.vue b/pages/order/coupon.vue
index a26c308..d018b16 100644
--- a/pages/order/coupon.vue
+++ b/pages/order/coupon.vue
@@ -17,17 +17,17 @@
-->
- 商品兑换券 {{returnSelNumber(0)}}
+ 商品兑换券 {{ returnSelNumber(0) }}
- 折扣优惠券{{returnSelNumber(1)}}
+ 折扣优惠券{{ returnSelNumber(1) }}
-
-
-
+
+
@@ -37,7 +37,7 @@
可用红包
- {{list.canUseCoupons.length}}张
+ {{ list.canUseCoupons.length }}张
@@ -49,8 +49,7 @@
{{ item.name }}
- {{ dayjs(item.effectStartTime).format('YYYY.M.D') }} -
- {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}
+ {{ dayjs(item.effectStartTime).format('YYYY.M.D') }} - {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}
@@ -58,12 +57,10 @@
-
- 1、可适用门店:{{ item.useShops }}
- 2、可适用商品:{{ item.foods }}3、可使用类型:{{ convertValuesToLabels(item.useType) }}
+ 1、可适用门店:{{ item.useShops }} 2、可适用商品:{{ item.foods }}3、可使用类型:{{ convertValuesToLabels(item.useType) }}
查看详情
@@ -71,7 +68,7 @@
不可用红包
- {{list.noCanUseCoupons.length}}张
+ {{ list.noCanUseCoupons.length }}张
@@ -83,8 +80,7 @@
{{ item.name }}
- {{ dayjs(item.effectStartTime).format('YYYY.M.D') }} -
- {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}
+ {{ dayjs(item.effectStartTime).format('YYYY.M.D') }} - {{ dayjs(item.effectEndTime).format('YYYY.M.D') }}
@@ -98,7 +94,7 @@
-->
不可用原因:
- {{returnNoUseRestrictions(item) }}
+ {{ returnNoUseRestrictions(item) }}
@@ -125,9 +121,7 @@
@@ -136,810 +130,774 @@
\ No newline at end of file
+}
+
+.shoplist-popup {
+ padding: 0 28upx 28upx;
+
+ .title {
+ padding: 28upx 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .t {
+ font-size: 32upx;
+ font-weight: bold;
+ color: #333;
+ }
+ }
+
+ .popup-list {
+ max-height: 50vh;
+
+ .item {
+ padding: 28upx;
+ border-radius: 12upx;
+ background-color: #f7f7f7;
+ margin-bottom: 28upx;
+ display: flex;
+ flex-direction: column;
+ padding: 28upx;
+
+ .t {
+ font-size: 28upx;
+ font-weight: bold;
+ color: #333;
+ /* 必须设置宽度 */
+ width: 600upx;
+ /* 或具体像素值 */
+
+ /* 关键属性 */
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ /* 显示2行 */
+ overflow: hidden;
+
+ /* 文本溢出省略号 */
+ text-overflow: ellipsis;
+
+ /* 可选:防止行高度,确保计算准确 */
+ line-height: 1.5;
+ word-break: break-all;
+ /* 允许在单词内换行 */
+ word-wrap: break-word;
+ /* 允许长单词或URL换行 */
+ }
+
+ .intro {
+ font-size: 28upx;
+ color: #999;
+ /* 必须设置宽度 */
+ width: 600upx;
+ /* 或具体像素值 */
+
+ /* 关键属性 */
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ /* 显示2行 */
+ overflow: hidden;
+
+ /* 文本溢出省略号 */
+ text-overflow: ellipsis;
+
+ /* 可选:防止行高度,确保计算准确 */
+ line-height: 1.5;
+ word-break: break-all;
+ /* 允许在单词内换行 */
+ word-wrap: break-word;
+ /* 允许长单词或URL换行 */
+ }
+ }
+
+ .ul {
+ .li {
+ color: #999;
+ font-size: 28upx;
+ padding: 8upx 0;
+
+ .t {
+ color: #999;
+ font-size: 28upx;
+ }
+ }
+ }
+ }
+}
+