|
|
@@ -23,7 +23,11 @@
|
|
|
<text class="countdown-unit">{{ countdown.s }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <text v-if="showMore" class="section-more" @click="goMore">更多 ></text>
|
|
|
+ <!-- 文字与箭头用 flex 垂直居中，避免给自定义组件写 margin-top 无效 -->
|
|
|
+ <view v-if="showMore" class="section-more" @click="goMore">
|
|
|
+ <text class="section-more-text">更多</text>
|
|
|
+ <zui-svg-icon icon="general-right" :width="12" :height="12" color="#999"></zui-svg-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<text class="activity-subtitle">{{ data.subtitle || (isGroupBuy ? '多人拼团更实惠' : '每日精选 限时特惠') }}</text>
|
|
|
</view>
|
|
|
@@ -40,7 +44,13 @@
|
|
|
<text class="price">￥{{ formatPrice(g.price) }}</text>
|
|
|
<text class="origin-price">￥{{ formatPrice(g.originPrice) }}</text>
|
|
|
</view>
|
|
|
- <view class="action-btn">{{ actionText }}</view>
|
|
|
+ <view class="action-btn">
|
|
|
+ {{ actionText }}
|
|
|
+ <!-- 自定义 SVG 组件 margin-top 可能无效，包一层 view 下移 4upx 与文字视觉对齐 -->
|
|
|
+ <view class="action-btn-icon">
|
|
|
+ <zui-svg-icon icon="general-right" :width="14" :height="14" color="#fff"></zui-svg-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -302,11 +312,17 @@ export default {
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
.section-more {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
flex-shrink: 0;
|
|
|
margin-left: 16upx;
|
|
|
font-size: 22upx;
|
|
|
color: #999;
|
|
|
}
|
|
|
+.section-more-text {
|
|
|
+ margin-right: 2upx;
|
|
|
+ margin-top: -4upx;
|
|
|
+}
|
|
|
.activity-subtitle {
|
|
|
display: block;
|
|
|
margin-top: 8upx;
|
|
|
@@ -383,6 +399,8 @@ export default {
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
.action-btn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
flex-shrink: 0;
|
|
|
padding: 18upx 24upx;
|
|
|
font-size: 26upx;
|
|
|
@@ -391,6 +409,10 @@ export default {
|
|
|
border-radius: 28upx;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+/* 箭头相对按钮文字下移 4upx */
|
|
|
+.action-btn-icon {
|
|
|
+ margin-top: 6upx;
|
|
|
+}
|
|
|
.price {
|
|
|
font-size: 30upx;
|
|
|
color: #FF4D6D;
|
