hy-app 0.5.12 → 0.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
@use '../../libs/css/mixin' as *;
|
|
2
2
|
@use '../../libs/css/theme.scss' as *;
|
|
3
3
|
|
|
4
|
-
$hy-box-width: 180rpx;
|
|
4
|
+
$hy-coupon--box-width: 180rpx;
|
|
5
|
+
$hy-coupon--bg-height: 166rpx;
|
|
5
6
|
@include b(coupon) {
|
|
6
7
|
width: 100%;
|
|
7
8
|
min-height: 190rpx;
|
|
@@ -32,10 +33,10 @@ $hy-box-width: 180rpx;
|
|
|
32
33
|
/* 不同类型优惠券的背景色 */
|
|
33
34
|
@include m(moneyOff) {
|
|
34
35
|
background:
|
|
35
|
-
radial-gradient(circle at $hy-box-width top, transparent 15rpx, #ff7d00 0) top / 100%
|
|
36
|
+
radial-gradient(circle at $hy-coupon--box-width top, transparent 15rpx, #ff7d00 0) top / 100% $hy-coupon--bg-height
|
|
36
37
|
no-repeat,
|
|
37
|
-
radial-gradient(circle at $hy-box-width bottom, transparent 15rpx, #ff7d00 0) bottom / 100%
|
|
38
|
-
|
|
38
|
+
radial-gradient(circle at $hy-coupon--box-width bottom, transparent 15rpx, #ff7d00 0) bottom / 100%
|
|
39
|
+
$hy-coupon--bg-height no-repeat;
|
|
39
40
|
//background:
|
|
40
41
|
// radial-gradient(circle at left center, transparent 15rpx, #ff7d00 0) left center / 30rpx 100% no-repeat,
|
|
41
42
|
// radial-gradient(circle at right center, transparent 15rpx, #ff7d00 0) right center / 30rpx 100% no-repeat;
|
|
@@ -44,17 +45,17 @@ $hy-box-width: 180rpx;
|
|
|
44
45
|
}
|
|
45
46
|
@include m(discount) {
|
|
46
47
|
background:
|
|
47
|
-
radial-gradient(circle at $hy-box-width top, transparent 15rpx, #00c6ff 0) top / 100%
|
|
48
|
+
radial-gradient(circle at $hy-coupon--box-width top, transparent 15rpx, #00c6ff 0) top / 100% $hy-coupon--bg-height
|
|
48
49
|
no-repeat,
|
|
49
|
-
radial-gradient(circle at $hy-box-width bottom, transparent 15rpx, #00c6ff 0) bottom / 100%
|
|
50
|
-
|
|
50
|
+
radial-gradient(circle at $hy-coupon--box-width bottom, transparent 15rpx, #00c6ff 0) bottom / 100%
|
|
51
|
+
$hy-coupon--bg-height no-repeat;
|
|
51
52
|
}
|
|
52
53
|
@include m(fixedAmount) {
|
|
53
54
|
background:
|
|
54
|
-
radial-gradient(circle at $hy-box-width top, transparent 15rpx, $hy-error 0) top / 100%
|
|
55
|
+
radial-gradient(circle at $hy-coupon--box-width top, transparent 15rpx, $hy-error 0) top / 100% $hy-coupon--bg-height
|
|
55
56
|
no-repeat,
|
|
56
|
-
radial-gradient(circle at $hy-box-width bottom, transparent 15rpx, $hy-error 0) bottom / 100%
|
|
57
|
-
|
|
57
|
+
radial-gradient(circle at $hy-coupon--box-width bottom, transparent 15rpx, $hy-error 0) bottom / 100%
|
|
58
|
+
$hy-coupon--bg-height no-repeat;
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
/* 优惠券内容区域 */
|
|
@@ -72,7 +73,7 @@ $hy-box-width: 180rpx;
|
|
|
72
73
|
justify-content: center;
|
|
73
74
|
align-items: center;
|
|
74
75
|
height: 100%;
|
|
75
|
-
width: $hy-box-width;
|
|
76
|
+
width: $hy-coupon--box-width;
|
|
76
77
|
padding: $hy-border-margin-padding-base;
|
|
77
78
|
box-sizing: border-box;
|
|
78
79
|
flex-shrink: 0;
|
|
@@ -35,6 +35,11 @@ const couponProps = {
|
|
|
35
35
|
type: String,
|
|
36
36
|
default: ''
|
|
37
37
|
},
|
|
38
|
+
/** 描述省略行数，none不省略，1代表一行省略 */
|
|
39
|
+
desEllipsis: {
|
|
40
|
+
type: [String, Number],
|
|
41
|
+
default: 'none'
|
|
42
|
+
},
|
|
38
43
|
/** 优惠券金额 */
|
|
39
44
|
amount: {
|
|
40
45
|
type: [String, Number],
|
|
@@ -45,11 +50,6 @@ const couponProps = {
|
|
|
45
50
|
type: String,
|
|
46
51
|
default: ''
|
|
47
52
|
},
|
|
48
|
-
/** 描述省略行数，none不省略，1代表一行省略 */
|
|
49
|
-
desEllipsis: {
|
|
50
|
-
type: [String, Number],
|
|
51
|
-
default: 'none'
|
|
52
|
-
},
|
|
53
53
|
/** 优惠券开始时间 */
|
|
54
54
|
startDate: {
|
|
55
55
|
type: String,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<view :class="['hy-
|
|
2
|
+
<view :class="['hy-text', customClass]" v-if="show" :style="wrapStyle" @tap="clickHandler">
|
|
3
3
|
<text
|
|
4
4
|
:class="['hy-text__price', type && `hy-text__value--${type}`]"
|
|
5
5
|
v-if="mode === 'price'"
|