@dckj-npm/dc-material 0.1.42 → 0.1.44
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.
- package/README.md +17 -17
- package/build/index.js +8 -8
- package/build/lowcode/assets-daily.json +13 -13
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +13 -13
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.design.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/preview.js +9 -9
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +9 -9
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +9 -9
- package/dist/BizComps.css +1 -1
- package/dist/BizComps.js +5 -5
- package/dist/BizComps.js.map +1 -1
- package/es/components/bottom-navigation/bottom-navigation.d.ts +15 -15
- package/es/components/bottom-navigation/index.d.ts +3 -3
- package/es/components/bottom-navigation/index.scss +24 -24
- package/es/components/button/button.d.ts +14 -14
- package/es/components/button/index.d.ts +6 -6
- package/es/components/button/index.js +2 -2
- package/es/components/button/index.scss +16 -16
- package/es/components/carousel/carousel.d.ts +14 -14
- package/es/components/carousel/carousel.scss +32 -32
- package/es/components/colorful-button/colorful-button.d.ts +12 -12
- package/es/components/colorful-button/index.d.ts +3 -3
- package/es/components/colorful-button/index.scss +5 -5
- package/es/components/colorful-input/colorful-input.d.ts +8 -8
- package/es/components/colorful-input/index.d.ts +3 -3
- package/es/components/colorful-input/index.scss +5 -5
- package/es/components/goods-card-list/goods-card-list.d.ts +5 -5
- package/es/components/goods-card-list/goods-card-list.scss +112 -112
- package/es/components/goods-card-list/index.d.ts +3 -4
- package/es/components/goods-card-list/index.js +1 -2
- package/es/components/goods-card-list/types.d.ts +45 -45
- package/es/components/grid-nav/grid-nav.d.ts +13 -13
- package/es/components/grid-nav/index.d.ts +3 -3
- package/es/components/grid-nav/index.scss +37 -41
- package/es/components/integral-task/index.d.ts +6 -6
- package/es/components/integral-task/index.js +2 -2
- package/es/components/integral-task/index.scss +35 -35
- package/es/components/integral-task/integral-task.d.ts +40 -40
- package/es/components/menu-list/index.d.ts +6 -6
- package/es/components/menu-list/index.js +2 -2
- package/es/components/menu-list/index.scss +16 -16
- package/es/components/menu-list/menu-list-item.d.ts +5 -5
- package/es/components/menu-list/menu-list-item.scss +49 -49
- package/es/components/menu-list/menu-list.d.ts +5 -5
- package/es/components/menu-list/types.d.ts +23 -23
- package/es/components/message-list/index.d.ts +6 -6
- package/es/components/message-list/index.js +2 -2
- package/es/components/message-list/index.scss +22 -22
- package/es/components/message-list/message-list-item.d.ts +29 -29
- package/es/components/message-list/message-list-item.js +2 -2
- package/es/components/message-list/message-list-item.scss +50 -50
- package/es/components/message-list/message-list.d.ts +32 -32
- package/es/components/notice-bar/index.d.ts +3 -3
- package/es/components/notice-bar/index.scss +29 -29
- package/es/components/notice-bar/notice-bar-item.d.ts +18 -18
- package/es/components/notice-bar/notice-bar-item.scss +26 -26
- package/es/components/notice-bar/notice-bar.d.ts +37 -37
- package/es/components/position/entity.d.ts +5 -5
- package/es/components/position/index.d.ts +3 -3
- package/es/components/position/index.scss +27 -27
- package/es/components/position/position-left.d.ts +9 -9
- package/es/components/position/position-list.d.ts +12 -12
- package/es/components/position/position.d.ts +8 -8
- package/es/components/radio-group/index.d.ts +8 -8
- package/es/components/radio-group/index.js +2 -2
- package/es/components/radio-group/index.scss +40 -40
- package/es/components/radio-group/radio-group-item.d.ts +48 -48
- package/es/components/radio-group/radio-group.d.ts +52 -52
- package/es/components/search-bar/index.d.ts +3 -3
- package/es/components/search-bar/index.scss +13 -13
- package/es/components/search-bar/search-bar.d.ts +7 -7
- package/es/components/swiper/index.d.ts +3 -3
- package/es/components/swiper/index.scss +12 -12
- package/es/components/swiper/swiper.d.ts +47 -47
- package/es/components/tab/index.d.ts +6 -6
- package/es/components/tab/index.js +2 -2
- package/es/components/tab/index.scss +23 -23
- package/es/components/tab/tab.d.ts +23 -23
- package/es/components/tab-container/index.d.ts +3 -3
- package/es/components/tab-container/index.scss +47 -47
- package/es/components/tab-container/tab-container.d.ts +10 -10
- package/es/components/tab-container-item/index.d.ts +3 -3
- package/es/components/tab-container-item/tab-container-item.d.ts +9 -11
- package/es/components/tab-container-item/tab-container-item.js +2 -7
- package/es/components/tag/index.d.ts +6 -6
- package/es/components/tag/index.js +2 -2
- package/es/components/tag/index.scss +24 -24
- package/es/components/tag/tag.d.ts +14 -14
- package/es/components/teletext-list/index.d.ts +6 -6
- package/es/components/teletext-list/index.js +2 -2
- package/es/components/teletext-list/index.scss +19 -19
- package/es/components/teletext-list/teletext-list-item.d.ts +42 -42
- package/es/components/teletext-list/teletext-list-item.js +4 -8
- package/es/components/teletext-list/teletext-list-item.scss +55 -55
- package/es/components/teletext-list/teletext-list.d.ts +61 -61
- package/es/components/teletext-list/teletext-list.js +2 -2
- package/es/components/title/index.d.ts +8 -8
- package/es/components/title/index.js +2 -2
- package/es/components/title/title-1.d.ts +10 -10
- package/es/components/title/title-1.scss +25 -25
- package/es/components/title/title-2.d.ts +18 -18
- package/es/components/title/title-2.scss +22 -22
- package/es/index.d.ts +40 -42
- package/es/index.js +1 -5
- package/es/index.scss +5 -5
- package/es/utils/children-node-handle.d.ts +9 -9
- package/es/utils/children-node-handle.js +7 -7
- package/es/utils/component-wrapper.d.ts +9 -9
- package/es/utils/debounce.d.ts +1 -1
- package/es/variables.d.ts +2 -2
- package/es/variables.scss +3 -3
- package/lib/components/bottom-navigation/bottom-navigation.d.ts +15 -15
- package/lib/components/bottom-navigation/index.d.ts +3 -3
- package/lib/components/bottom-navigation/index.scss +24 -24
- package/lib/components/button/button.d.ts +14 -14
- package/lib/components/button/index.d.ts +6 -6
- package/lib/components/button/index.js +2 -2
- package/lib/components/button/index.scss +16 -16
- package/lib/components/carousel/carousel.d.ts +14 -14
- package/lib/components/carousel/carousel.scss +32 -32
- package/lib/components/colorful-button/colorful-button.d.ts +12 -12
- package/lib/components/colorful-button/index.d.ts +3 -3
- package/lib/components/colorful-button/index.scss +5 -5
- package/lib/components/colorful-input/colorful-input.d.ts +8 -8
- package/lib/components/colorful-input/index.d.ts +3 -3
- package/lib/components/colorful-input/index.scss +5 -5
- package/lib/components/goods-card-list/goods-card-list.d.ts +5 -5
- package/lib/components/goods-card-list/goods-card-list.scss +112 -112
- package/lib/components/goods-card-list/index.d.ts +3 -4
- package/lib/components/goods-card-list/index.js +1 -3
- package/lib/components/goods-card-list/types.d.ts +45 -45
- package/lib/components/grid-nav/grid-nav.d.ts +13 -13
- package/lib/components/grid-nav/index.d.ts +3 -3
- package/lib/components/grid-nav/index.scss +37 -41
- package/lib/components/integral-task/index.d.ts +6 -6
- package/lib/components/integral-task/index.js +2 -2
- package/lib/components/integral-task/index.scss +35 -35
- package/lib/components/integral-task/integral-task.d.ts +40 -40
- package/lib/components/menu-list/index.d.ts +6 -6
- package/lib/components/menu-list/index.js +2 -2
- package/lib/components/menu-list/index.scss +16 -16
- package/lib/components/menu-list/menu-list-item.d.ts +5 -5
- package/lib/components/menu-list/menu-list-item.scss +49 -49
- package/lib/components/menu-list/menu-list.d.ts +5 -5
- package/lib/components/menu-list/types.d.ts +23 -23
- package/lib/components/message-list/index.d.ts +6 -6
- package/lib/components/message-list/index.js +2 -2
- package/lib/components/message-list/index.scss +22 -22
- package/lib/components/message-list/message-list-item.d.ts +29 -29
- package/lib/components/message-list/message-list-item.js +2 -2
- package/lib/components/message-list/message-list-item.scss +50 -50
- package/lib/components/message-list/message-list.d.ts +32 -32
- package/lib/components/notice-bar/index.d.ts +3 -3
- package/lib/components/notice-bar/index.scss +29 -29
- package/lib/components/notice-bar/notice-bar-item.d.ts +18 -18
- package/lib/components/notice-bar/notice-bar-item.scss +26 -26
- package/lib/components/notice-bar/notice-bar.d.ts +37 -37
- package/lib/components/position/entity.d.ts +5 -5
- package/lib/components/position/index.d.ts +3 -3
- package/lib/components/position/index.scss +27 -27
- package/lib/components/position/position-left.d.ts +9 -9
- package/lib/components/position/position-list.d.ts +12 -12
- package/lib/components/position/position.d.ts +8 -8
- package/lib/components/radio-group/index.d.ts +8 -8
- package/lib/components/radio-group/index.scss +40 -40
- package/lib/components/radio-group/radio-group-item.d.ts +48 -48
- package/lib/components/radio-group/radio-group.d.ts +52 -52
- package/lib/components/search-bar/index.d.ts +3 -3
- package/lib/components/search-bar/index.scss +13 -13
- package/lib/components/search-bar/search-bar.d.ts +7 -7
- package/lib/components/swiper/index.d.ts +3 -3
- package/lib/components/swiper/index.scss +12 -12
- package/lib/components/swiper/swiper.d.ts +47 -47
- package/lib/components/tab/index.d.ts +6 -6
- package/lib/components/tab/index.js +2 -2
- package/lib/components/tab/index.scss +23 -23
- package/lib/components/tab/tab.d.ts +23 -23
- package/lib/components/tab-container/index.d.ts +3 -3
- package/lib/components/tab-container/index.scss +47 -47
- package/lib/components/tab-container/tab-container.d.ts +10 -10
- package/lib/components/tab-container-item/index.d.ts +3 -3
- package/lib/components/tab-container-item/tab-container-item.d.ts +9 -11
- package/lib/components/tab-container-item/tab-container-item.js +2 -7
- package/lib/components/tag/index.d.ts +6 -6
- package/lib/components/tag/index.js +2 -2
- package/lib/components/tag/index.scss +24 -24
- package/lib/components/tag/tag.d.ts +14 -14
- package/lib/components/teletext-list/index.d.ts +6 -6
- package/lib/components/teletext-list/index.scss +19 -19
- package/lib/components/teletext-list/teletext-list-item.d.ts +42 -42
- package/lib/components/teletext-list/teletext-list-item.js +4 -8
- package/lib/components/teletext-list/teletext-list-item.scss +55 -55
- package/lib/components/teletext-list/teletext-list.d.ts +61 -61
- package/lib/components/teletext-list/teletext-list.js +2 -2
- package/lib/components/title/index.d.ts +8 -8
- package/lib/components/title/title-1.d.ts +10 -10
- package/lib/components/title/title-1.scss +25 -25
- package/lib/components/title/title-2.d.ts +18 -18
- package/lib/components/title/title-2.scss +22 -22
- package/lib/index.d.ts +40 -42
- package/lib/index.js +1 -6
- package/lib/index.scss +5 -5
- package/lib/utils/children-node-handle.d.ts +9 -9
- package/lib/utils/children-node-handle.js +7 -7
- package/lib/utils/component-wrapper.d.ts +9 -9
- package/lib/utils/debounce.d.ts +1 -1
- package/lib/variables.d.ts +2 -2
- package/lib/variables.scss +3 -3
- package/lowcode/button2/meta.ts +75 -75
- package/lowcode/custom-radio-group/meta.ts +310 -310
- package/lowcode/custom-radio-group-item/meta.ts +229 -229
- package/lowcode/d-c-slider/meta.design.ts +173 -173
- package/lowcode/d-c-slider/meta.ts +342 -342
- package/lowcode/d-c-slider/snippets.ts +68 -68
- package/lowcode/goods-card-list/meta.ts +268 -268
- package/lowcode/goods-card-list-common/meta.ts +268 -268
- package/lowcode/grid-nav/meta.ts +212 -212
- package/lowcode/integral-task/meta.ts +211 -211
- package/lowcode/menu-list/meta.ts +147 -147
- package/lowcode/message-list/meta.ts +202 -202
- package/lowcode/navigation/meta.ts +165 -165
- package/lowcode/notice-bar/meta.ts +229 -229
- package/lowcode/position/meta.ts +161 -161
- package/lowcode/search-bar/meta.ts +54 -54
- package/lowcode/swiper/meta.ts +237 -237
- package/lowcode/tab-container/meta.ts +70 -70
- package/lowcode/tab-container/props.ts +194 -194
- package/lowcode/tab-container-item/meta.ts +195 -195
- package/lowcode/tab-message/meta.ts +101 -101
- package/lowcode/tag-c/meta.ts +75 -75
- package/lowcode/teletext-list/meta.ts +329 -329
- package/lowcode/title1/meta.ts +59 -59
- package/lowcode/title2/meta.ts +93 -93
- package/lowcode_es/button2/meta.d.ts +22 -22
- package/lowcode_es/custom-radio-group/meta.d.ts +22 -22
- package/lowcode_es/custom-radio-group-item/meta.d.ts +23 -23
- package/lowcode_es/d-c-slider/meta.d.ts +148 -148
- package/lowcode_es/d-c-slider/meta.design.d.ts +100 -100
- package/lowcode_es/d-c-slider/snippets.d.ts +36 -36
- package/lowcode_es/goods-card-list/meta.d.ts +22 -22
- package/lowcode_es/goods-card-list-common/meta.d.ts +22 -22
- package/lowcode_es/grid-nav/meta.d.ts +22 -22
- package/lowcode_es/integral-task/meta.d.ts +22 -22
- package/lowcode_es/menu-list/meta.d.ts +22 -22
- package/lowcode_es/message-list/meta.d.ts +22 -22
- package/lowcode_es/meta.js +24 -24
- package/lowcode_es/navigation/meta.d.ts +22 -22
- package/lowcode_es/notice-bar/meta.d.ts +22 -22
- package/lowcode_es/position/meta.d.ts +22 -22
- package/lowcode_es/rich-text/meta.d.ts +22 -22
- package/lowcode_es/search-bar/meta.d.ts +22 -22
- package/lowcode_es/swiper/meta.d.ts +22 -22
- package/lowcode_es/tab-container/meta.d.ts +22 -22
- package/lowcode_es/tab-container/props.d.ts +90 -90
- package/lowcode_es/tab-container-item/meta.d.ts +22 -22
- package/lowcode_es/tab-message/meta.d.ts +22 -22
- package/lowcode_es/tag-c/meta.d.ts +22 -22
- package/lowcode_es/teletext-list/meta.d.ts +22 -22
- package/lowcode_es/title1/meta.d.ts +22 -22
- package/lowcode_es/title2/meta.d.ts +22 -22
- package/lowcode_es/view.js +3 -3
- package/lowcode_lib/button2/meta.d.ts +22 -22
- package/lowcode_lib/custom-radio-group/meta.d.ts +22 -22
- package/lowcode_lib/custom-radio-group-item/meta.d.ts +23 -23
- package/lowcode_lib/d-c-slider/meta.d.ts +148 -148
- package/lowcode_lib/d-c-slider/meta.design.d.ts +100 -100
- package/lowcode_lib/d-c-slider/snippets.d.ts +36 -36
- package/lowcode_lib/goods-card-list/meta.d.ts +22 -22
- package/lowcode_lib/goods-card-list-common/meta.d.ts +22 -22
- package/lowcode_lib/grid-nav/meta.d.ts +22 -22
- package/lowcode_lib/integral-task/meta.d.ts +22 -22
- package/lowcode_lib/menu-list/meta.d.ts +22 -22
- package/lowcode_lib/message-list/meta.d.ts +22 -22
- package/lowcode_lib/meta.js +24 -24
- package/lowcode_lib/navigation/meta.d.ts +22 -22
- package/lowcode_lib/notice-bar/meta.d.ts +22 -22
- package/lowcode_lib/position/meta.d.ts +22 -22
- package/lowcode_lib/rich-text/meta.d.ts +22 -22
- package/lowcode_lib/search-bar/meta.d.ts +22 -22
- package/lowcode_lib/swiper/meta.d.ts +22 -22
- package/lowcode_lib/tab-container/meta.d.ts +22 -22
- package/lowcode_lib/tab-container/props.d.ts +90 -90
- package/lowcode_lib/tab-container-item/meta.d.ts +22 -22
- package/lowcode_lib/tab-message/meta.d.ts +22 -22
- package/lowcode_lib/tag-c/meta.d.ts +22 -22
- package/lowcode_lib/teletext-list/meta.d.ts +22 -22
- package/lowcode_lib/title1/meta.d.ts +22 -22
- package/lowcode_lib/title2/meta.d.ts +22 -22
- package/lowcode_lib/view.js +2 -2
- package/package.json +3 -3
- package/es/components/goods-card-list/goods-card-list-common.d.ts +0 -5
- package/es/components/goods-card-list/goods-card-list-common.js +0 -52
- package/es/components/goods-card-list/goods-card-list-common.scss +0 -119
- package/es/components/rich-text/index.d.ts +0 -6
- package/es/components/rich-text/index.js +0 -6
- package/es/components/rich-text/index.scss +0 -15
- package/es/components/rich-text/rich-text.d.ts +0 -14
- package/es/components/rich-text/rich-text.js +0 -28
- package/lib/components/goods-card-list/goods-card-list-common.d.ts +0 -5
- package/lib/components/goods-card-list/goods-card-list-common.js +0 -57
- package/lib/components/goods-card-list/goods-card-list-common.scss +0 -119
- package/lib/components/rich-text/index.d.ts +0 -6
- package/lib/components/rich-text/index.js +0 -6
- package/lib/components/rich-text/index.scss +0 -15
- package/lib/components/rich-text/rich-text.d.ts +0 -14
- package/lib/components/rich-text/rich-text.js +0 -33
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
.card-list-goods-common__container {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-columns:repeat(2, minmax(0, 1fr));
|
|
4
|
-
row-gap: 12px;
|
|
5
|
-
column-gap: 10px;
|
|
6
|
-
width: 100%;
|
|
7
|
-
|
|
8
|
-
& > .card-list-goods__item {
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
--un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
|
|
14
|
-
box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
15
|
-
|
|
16
|
-
& > .card-list-goods__image {
|
|
17
|
-
height: 200px;
|
|
18
|
-
width: 100%;
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
display: flex;
|
|
21
|
-
|
|
22
|
-
& > img {
|
|
23
|
-
height: 100%;
|
|
24
|
-
width: 100%;
|
|
25
|
-
object-fit: cover;
|
|
26
|
-
//object-position: center;
|
|
27
|
-
object-position: 50% 50%;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
& > .card-list-goods__content {
|
|
32
|
-
display: flex;
|
|
33
|
-
flex-direction: column;
|
|
34
|
-
justify-content: space-between;
|
|
35
|
-
padding: 0.5rem;
|
|
36
|
-
|
|
37
|
-
.card-list-goods__title {
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
display: -webkit-box;
|
|
40
|
-
-webkit-box-orient: vertical;
|
|
41
|
-
-webkit-line-clamp: 2;
|
|
42
|
-
line-clamp: 2;
|
|
43
|
-
margin-top: 0.25rem;
|
|
44
|
-
margin-bottom: 0.25rem;
|
|
45
|
-
font-size: 14px;
|
|
46
|
-
font-weight: 700;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.card-list-goods__desc {
|
|
50
|
-
overflow: hidden;
|
|
51
|
-
text-overflow: ellipsis;
|
|
52
|
-
white-space: nowrap;
|
|
53
|
-
line-clamp: 2;
|
|
54
|
-
margin-top: 0.25rem;
|
|
55
|
-
margin-bottom: 0.25rem;
|
|
56
|
-
font-size: 12px;
|
|
57
|
-
color: #333333;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.card-list-goods__bottom {
|
|
61
|
-
margin-top: 0.25rem;
|
|
62
|
-
margin-bottom: 0.25rem;
|
|
63
|
-
display: flex;
|
|
64
|
-
align-items: baseline;
|
|
65
|
-
flex-wrap: wrap;
|
|
66
|
-
row-gap: 0.5rem;
|
|
67
|
-
|
|
68
|
-
& > div {
|
|
69
|
-
display: flex;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.card-list-goods__unit {
|
|
73
|
-
font-size: 12px;
|
|
74
|
-
color: #F57D51;
|
|
75
|
-
font-weight: 700;
|
|
76
|
-
line-height: 1;
|
|
77
|
-
|
|
78
|
-
&__delete {
|
|
79
|
-
margin-left: 0;
|
|
80
|
-
font-size: 14px;
|
|
81
|
-
color: #666666;
|
|
82
|
-
line-height: 1;
|
|
83
|
-
text-decoration: line-through
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.card-list-goods__price {
|
|
89
|
-
font-size: 17px;
|
|
90
|
-
color: #F57D51;
|
|
91
|
-
font-weight: 700;
|
|
92
|
-
line-height: 1;
|
|
93
|
-
|
|
94
|
-
&__delete {
|
|
95
|
-
margin-left: 0;
|
|
96
|
-
font-size: 14px;
|
|
97
|
-
color: #666666;
|
|
98
|
-
line-height: 1;
|
|
99
|
-
text-decoration: line-through
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.card-list-goods__sales {
|
|
104
|
-
margin-left: 3px;
|
|
105
|
-
font-size: 12px;
|
|
106
|
-
color: #666666;
|
|
107
|
-
line-height: 1;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
.rich-text {
|
|
2
|
-
width: 100%;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
padding: 10px; /* 添加内边距 */
|
|
6
|
-
margin: 0; /* 去除外边距 */
|
|
7
|
-
word-break: break-word; /* 处理长单词换行 */
|
|
8
|
-
overflow-wrap: break-word; /* 支持长单词换行 */
|
|
9
|
-
overflow: hidden; /* 隐藏超出部分 */
|
|
10
|
-
}
|
|
11
|
-
img {
|
|
12
|
-
max-width: 100%;
|
|
13
|
-
height: auto; /* 保持纵横比 */
|
|
14
|
-
object-fit: contain; /* 确保图片保持在容器内 */
|
|
15
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import './index.scss';
|
|
3
|
-
interface DataProps {
|
|
4
|
-
content?: string;
|
|
5
|
-
}
|
|
6
|
-
export interface RichTextProps {
|
|
7
|
-
content?: string;
|
|
8
|
-
dataList?: DataProps[];
|
|
9
|
-
}
|
|
10
|
-
declare const RichText: {
|
|
11
|
-
(props: RichTextProps): JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
};
|
|
14
|
-
export default RichText;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["content", "dataList"];
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import "./index.scss";
|
|
6
|
-
// 富文本
|
|
7
|
-
|
|
8
|
-
var RichText = function RichText(props) {
|
|
9
|
-
var content = props.content,
|
|
10
|
-
dataList = props.dataList,
|
|
11
|
-
otherProps = _objectWithoutPropertiesLoose(props, _excluded);
|
|
12
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
13
|
-
className: "rich-text"
|
|
14
|
-
}, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
|
|
15
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
key: index,
|
|
17
|
-
dangerouslySetInnerHTML: {
|
|
18
|
-
__html: item.content
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}) : /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
dangerouslySetInnerHTML: {
|
|
23
|
-
__html: content
|
|
24
|
-
}
|
|
25
|
-
}));
|
|
26
|
-
};
|
|
27
|
-
RichText.displayName = 'RichText';
|
|
28
|
-
export default RichText;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _carousel = _interopRequireDefault(require("../carousel/carousel"));
|
|
10
|
-
require("./goods-card-list-common.scss");
|
|
11
|
-
var _excluded = ["dataList", "maxSales", "onClick"];
|
|
12
|
-
var GoodsCardListCommon = function GoodsCardListCommon(_ref) {
|
|
13
|
-
var _ref$dataList = _ref.dataList,
|
|
14
|
-
dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
|
|
15
|
-
_ref$maxSales = _ref.maxSales,
|
|
16
|
-
maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
|
|
17
|
-
_ref$onClick = _ref.onClick,
|
|
18
|
-
_onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
19
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
20
|
-
var _otherProps = otherProps || {};
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
22
|
-
className: "card-list-goods-common__container"
|
|
23
|
-
}, _otherProps), dataList.map(function (item) {
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
25
|
-
key: item.key,
|
|
26
|
-
className: "card-list-goods__item",
|
|
27
|
-
onClick: function onClick() {
|
|
28
|
-
return _onClick(item);
|
|
29
|
-
}
|
|
30
|
-
}, item.imageList && item.imageList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
-
className: "card-list-goods__image"
|
|
32
|
-
}, /*#__PURE__*/_react["default"].createElement(_carousel["default"], {
|
|
33
|
-
images: item.imageList,
|
|
34
|
-
interval: 3000
|
|
35
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
|
-
className: "card-list-goods__content"
|
|
37
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
-
className: "card-list-goods__title"
|
|
39
|
-
}, item.title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
|
-
className: "card-list-goods__desc"
|
|
41
|
-
}, item.desc), /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
|
-
className: "card-list-goods__bottom"
|
|
43
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
|
-
className: "card-list-goods__unit"
|
|
45
|
-
}, "\uFFE5"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
46
|
-
className: "card-list-goods__price"
|
|
47
|
-
}, item.activePrice || item.price), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
48
|
-
className: "card-list-goods__unit__delete"
|
|
49
|
-
}, "\uFFE5"), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
50
|
-
className: "card-list-goods__price__delete"
|
|
51
|
-
}, item.price), /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
|
-
className: "card-list-goods__sales"
|
|
53
|
-
}, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
|
|
54
|
-
}));
|
|
55
|
-
};
|
|
56
|
-
GoodsCardListCommon.displayName = 'GoodsCardListCommon';
|
|
57
|
-
var _default = exports["default"] = GoodsCardListCommon;
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
.card-list-goods-common__container {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-columns:repeat(2, minmax(0, 1fr));
|
|
4
|
-
row-gap: 12px;
|
|
5
|
-
column-gap: 10px;
|
|
6
|
-
width: 100%;
|
|
7
|
-
|
|
8
|
-
& > .card-list-goods__item {
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
--un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
|
|
14
|
-
box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
15
|
-
|
|
16
|
-
& > .card-list-goods__image {
|
|
17
|
-
height: 200px;
|
|
18
|
-
width: 100%;
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
display: flex;
|
|
21
|
-
|
|
22
|
-
& > img {
|
|
23
|
-
height: 100%;
|
|
24
|
-
width: 100%;
|
|
25
|
-
object-fit: cover;
|
|
26
|
-
//object-position: center;
|
|
27
|
-
object-position: 50% 50%;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
& > .card-list-goods__content {
|
|
32
|
-
display: flex;
|
|
33
|
-
flex-direction: column;
|
|
34
|
-
justify-content: space-between;
|
|
35
|
-
padding: 0.5rem;
|
|
36
|
-
|
|
37
|
-
.card-list-goods__title {
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
display: -webkit-box;
|
|
40
|
-
-webkit-box-orient: vertical;
|
|
41
|
-
-webkit-line-clamp: 2;
|
|
42
|
-
line-clamp: 2;
|
|
43
|
-
margin-top: 0.25rem;
|
|
44
|
-
margin-bottom: 0.25rem;
|
|
45
|
-
font-size: 14px;
|
|
46
|
-
font-weight: 700;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.card-list-goods__desc {
|
|
50
|
-
overflow: hidden;
|
|
51
|
-
text-overflow: ellipsis;
|
|
52
|
-
white-space: nowrap;
|
|
53
|
-
line-clamp: 2;
|
|
54
|
-
margin-top: 0.25rem;
|
|
55
|
-
margin-bottom: 0.25rem;
|
|
56
|
-
font-size: 12px;
|
|
57
|
-
color: #333333;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.card-list-goods__bottom {
|
|
61
|
-
margin-top: 0.25rem;
|
|
62
|
-
margin-bottom: 0.25rem;
|
|
63
|
-
display: flex;
|
|
64
|
-
align-items: baseline;
|
|
65
|
-
flex-wrap: wrap;
|
|
66
|
-
row-gap: 0.5rem;
|
|
67
|
-
|
|
68
|
-
& > div {
|
|
69
|
-
display: flex;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.card-list-goods__unit {
|
|
73
|
-
font-size: 12px;
|
|
74
|
-
color: #F57D51;
|
|
75
|
-
font-weight: 700;
|
|
76
|
-
line-height: 1;
|
|
77
|
-
|
|
78
|
-
&__delete {
|
|
79
|
-
margin-left: 0;
|
|
80
|
-
font-size: 14px;
|
|
81
|
-
color: #666666;
|
|
82
|
-
line-height: 1;
|
|
83
|
-
text-decoration: line-through
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.card-list-goods__price {
|
|
89
|
-
font-size: 17px;
|
|
90
|
-
color: #F57D51;
|
|
91
|
-
font-weight: 700;
|
|
92
|
-
line-height: 1;
|
|
93
|
-
|
|
94
|
-
&__delete {
|
|
95
|
-
margin-left: 0;
|
|
96
|
-
font-size: 14px;
|
|
97
|
-
color: #666666;
|
|
98
|
-
line-height: 1;
|
|
99
|
-
text-decoration: line-through
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.card-list-goods__sales {
|
|
104
|
-
margin-left: 3px;
|
|
105
|
-
font-size: 12px;
|
|
106
|
-
color: #666666;
|
|
107
|
-
line-height: 1;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
.rich-text {
|
|
2
|
-
width: 100%;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
padding: 10px; /* 添加内边距 */
|
|
6
|
-
margin: 0; /* 去除外边距 */
|
|
7
|
-
word-break: break-word; /* 处理长单词换行 */
|
|
8
|
-
overflow-wrap: break-word; /* 支持长单词换行 */
|
|
9
|
-
overflow: hidden; /* 隐藏超出部分 */
|
|
10
|
-
}
|
|
11
|
-
img {
|
|
12
|
-
max-width: 100%;
|
|
13
|
-
height: auto; /* 保持纵横比 */
|
|
14
|
-
object-fit: contain; /* 确保图片保持在容器内 */
|
|
15
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import './index.scss';
|
|
3
|
-
interface DataProps {
|
|
4
|
-
content?: string;
|
|
5
|
-
}
|
|
6
|
-
export interface RichTextProps {
|
|
7
|
-
content?: string;
|
|
8
|
-
dataList?: DataProps[];
|
|
9
|
-
}
|
|
10
|
-
declare const RichText: {
|
|
11
|
-
(props: RichTextProps): JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
};
|
|
14
|
-
export default RichText;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
require("./index.scss");
|
|
10
|
-
var _excluded = ["content", "dataList"];
|
|
11
|
-
// 富文本
|
|
12
|
-
|
|
13
|
-
var RichText = function RichText(props) {
|
|
14
|
-
var content = props.content,
|
|
15
|
-
dataList = props.dataList,
|
|
16
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
17
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
18
|
-
className: "rich-text"
|
|
19
|
-
}, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
|
|
20
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
|
-
key: index,
|
|
22
|
-
dangerouslySetInnerHTML: {
|
|
23
|
-
__html: item.content
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
27
|
-
dangerouslySetInnerHTML: {
|
|
28
|
-
__html: content
|
|
29
|
-
}
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
RichText.displayName = 'RichText';
|
|
33
|
-
var _default = exports["default"] = RichText;
|