diff --git a/common/css/lib.css b/common/css/lib.css index 0152939705cf3dd8896ddc83ed864ab52ab1e662..b7cdc8390687ceba3be7491982b2a8d1c6fdd7a3 100644 --- a/common/css/lib.css +++ b/common/css/lib.css @@ -695,4 +695,27 @@ } .right-xxxxxl { right: 24rpx; +} + +/** + * gap + */ +.gap-xs { + gap: 10rpx; +} +.gap-sm { + gap: 20rpx; +} +.gap-md, +.gap { + gap: 30rpx; +} +.gap-lg { + gap: 40rpx; +} +.gap-xl { + gap: 50rpx; +} +.gap-xxl { + gap: 60rpx; } \ No newline at end of file diff --git a/components/blog-list/blog-list.vue b/components/blog-list/blog-list.vue index 7796c0c340c52cc7027e4757d6b125672a294325..8bf9776134ba349866a48a61c795165f4ed89a77 100644 --- a/components/blog-list/blog-list.vue +++ b/components/blog-list/blog-list.vue @@ -49,7 +49,7 @@ - + {{ item.title }} diff --git a/components/goods-list/goods-list.vue b/components/goods-list/goods-list.vue index c3411a2583ca641a65bd214a283c7e9bac120826..ba16fc1ed75aa6ec7e54f0671f47c562193212c1 100644 --- a/components/goods-list/goods-list.vue +++ b/components/goods-list/goods-list.vue @@ -126,7 +126,7 @@ - + {{ item.title }} diff --git a/components/magic-list/magic-list.vue b/components/magic-list/magic-list.vue index 4a2d478cbe605123d6dde2556bfd7e2ea6bdba00..5ed0b96bef92b254778dd0b8c9dc419f66636289 100644 --- a/components/magic-list/magic-list.vue +++ b/components/magic-list/magic-list.vue @@ -4,10 +4,10 @@ - + - + {{ items.title }} @@ -17,18 +17,18 @@ - {{ items.describe }} - + {{ items.describe }} + - - + + - - + + {{ gv.show_price_symbol }} {{ gv.min_price }} - {{ gv.show_price_unit }} + {{ gv.show_price_unit }} @@ -45,20 +45,20 @@ - + - + - {{ items.title }} + {{ items.title }} - + - + {{ $t('common.more') }} @@ -87,7 +87,7 @@ theme_color: app.globalData.get_theme_color(), theme_color_light: app.globalData.get_theme_color(null, true), data_goods_list: [], - show_style1_active_index: 0, + show_style1_active_index: {}, }; }, props: { @@ -150,8 +150,10 @@ // tabs切换 switch_tabs_event(e) { + var temp = this.show_style1_active_index || {}; + temp[e.currentTarget.dataset.index] = e.currentTarget.dataset.indexs; this.setData({ - show_style1_active_index: e.currentTarget.dataset.indexs + show_style1_active_index: temp }); }, @@ -206,31 +208,28 @@ content: ''; height: 80%; width: 2rpx; - border-left: 2rpx dashed #f5f5f5; + border-left: 2rpx solid rgb(232 232 232 / 28%); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } - .plugins-magic-content .hot-list .swiper-2 { - height: 176rpx; + .plugins-magic-content .hot-list.is-text-white > .flex-width-half:nth-child(even)::before { + border-left: 2rpx solid rgb(255 245 245 / 9%); } - .plugins-magic-content .hot-list .swiper-2 .swiper-img { - height: 124rpx; + .plugins-magic-content .hot-list .swiper-list { + height: 216rpx; } - .plugins-magic-content .hot-list .swiper-1 { - height: 187rpx; + .plugins-magic-content .hot-list .swiper-list .swiper-item { + margin-top: 16rpx; } - .plugins-magic-content .hot-list .swiper-1 .swiper-img { - height: 135rpx; + .plugins-magic-content .hot-list .swiper-list .swiper-img { + height: 140rpx !important; } .plugins-magic-content .hot-go { height: 34rpx; line-height: 34rpx; } - .plugins-magic-content .flex-width-half-2 { - width: 25%; - } /** * 切换滚动、切换九宫格、切换滚动