Ver código fonte

feat(销售页面): 将静态推广图替换为轮播组件

添加三个新的轮播图并移除旧的静态推广图,提升页面展示效果
ylong 1 semana atrás
pai
commit
5f8fa569c5

+ 12 - 32
pages-sell/components/sell-container/index.vue

@@ -54,10 +54,7 @@
 				<!-- 左侧:推广卖书 -->
 				<view class="card-left">
 					<view class="card-content">
-						<text class="card-title-lg">推广卖书买书都有提成啦</text>
-						<text class="card-subtitle-lg">10% 收益等你拿</text>
-						<!-- 装饰图 -->
-						<image src="/pages-sell/static/tgtc.png" class="promo-decoration" mode="widthFix"></image>
+						<u-swiper :list="swiperList"></u-swiper>
 					</view>
 				</view>
 
@@ -155,6 +152,17 @@ export default {
 				position: 'relative',
 				top: '-6rpx',
 			},
+			swiperList: [
+				{
+					image: '/pages-sell/static/banner-3.png'
+				},
+				{
+					image: '/pages-sell/static/banner-1.png'
+				},
+				{
+					image: '/pages-sell/static/banner-2.png'
+				}
+			],
 			statusBarHeight: 20,
 			keyword: '',
 			// u-tabs 需要对象数组 [{name: 'xxx'}]
@@ -373,37 +381,9 @@ export default {
 	.card-left {
 		width: 48%;
 		height: 252rpx;
-		background: linear-gradient(135deg, #FFECC8, #FFE0B2);
 		border-radius: 20rpx;
 		position: relative;
 		overflow: hidden;
-
-		.card-content {
-			padding: 30rpx 24rpx;
-			/* Increased top/bottom padding as requested */
-
-			.card-title-lg {
-				font-size: 26rpx;
-				color: #E68A00;
-				font-weight: bold;
-				display: block;
-				margin-bottom: 8rpx;
-			}
-
-			.card-subtitle-lg {
-				font-size: 24rpx;
-				color: #FFA000;
-				font-weight: 500;
-			}
-
-			.promo-decoration {
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				width: 100%;
-				display: block;
-			}
-		}
 	}
 
 	.card-right {

BIN
pages-sell/static/banner-1.png


BIN
pages-sell/static/banner-2.png


+ 0 - 0
pages-sell/static/tgtc.png → pages-sell/static/banner-3.png