|
|
@@ -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 {
|