限时折扣

static/nativeComponents/TimeLimitedDiscount/index.wxml

 <!-- 限时活动 -->
-<view class="time-limited-discount" style="padding-top:{{datas.componentData.paddingList[0].value*2}}rpx;padding-bottom:{{datas.componentData.paddingList[1].value*2}}rpx;padding-left:{{datas.componentData.paddingList[2].value*2}}rpx;padding-right:{{datas.componentData.paddingList[3].value*2}}rpx;--backgroundColor:{{datas.componentData.backgroundColor}}">
+<view class="time-limited-discount time-limited-discount{{datas.componentData['styleType']}}" style="padding-top:{{datas.componentData.paddingList[0].value*2}}rpx;padding-bottom:{{datas.componentData.paddingList[1].value*2}}rpx;padding-left:{{datas.componentData.paddingList[2].value*2}}rpx;padding-right:{{datas.componentData.paddingList[3].value*2}}rpx;--backgroundColor:{{datas.componentData.backgroundColor}};--titleBackgroundColor:{{datas.componentData.styleTypeSecond['titleBackgroundColor']}}" wx:if="{{!isLoading}}">
 	<!-- 标题 -->
-	<view class="tops {{datas.componentData['countDownShow']?'hideCountDown':''}}">
+	<view class="style2" wx:if="{{datas.componentData['styleType'] == 2}}" style="background:{{datas.componentData.styleTypeSecond['titleBackgroundColor']}}">
+		<view class="topInfo">
+			<view class="title">
+				限时特价
+			</view>
+			<view class="subheading" wx:if="{{datas.componentData['countDownShow']&&datas.componentData.dimension==0}}">
+				<view wx:if="{{datas.componentData['endTime']&&endTime>0}}">
+					<van-count-down
+					 use-slot
+					 time="{{endTime}}"
+					 class="countDown"
+					 bind:change="onChange"
+					>
+						<text class="endTime days">{{ timeData.days }}</text>
+						<text class="endTimedot">天</text>
+						<text class="endTime hours">{{ timeData.hours }}</text>
+						<text class="endTimedot">:</text>
+						<text class="endTime minute">{{ timeData.minutes }}</text>
+						<text class="endTimedot">:</text>
+						<text class="endTime second">{{ timeData.seconds }}</text>
+					</van-count-down>
+				</view>
+				<view class="countDown" wx:elif="{{isLoading}}">
+					活动已结束
+				</view>
+			</view>
+		</view>
+	</view>
+	<view class="tops {{datas.componentData['countDownShow']?'hideCountDown':''}}" wx:else>
 		<view class="topInfo">
 			<view class="title">
 				{{datas.componentData.dimension ==0?selectActivityValue:datas.componentData.actTitle}}

static/nativeComponents/TimeLimitedDiscount/index.wxss

 .time-limited-discount {
   background: var(--backgroundColor);
   font-size: 32rpx;
+  border-radius: 10px;
+}
+.time-limited-discount2{
+  padding: 0!important;
+  margin: 10px;
 }
 .tops {
   padding: 8rpx 0;
@@ -50,6 +55,21 @@
 .endTimedot {
   padding: 0 10rpx;
 }
+.style2 {
+  padding: 14px;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.style2 .topInfo .title{
+  color: #fff;
+}
+.style2 .endTime{
+  background: #fff;
+  color: var(--titleBackgroundColor);
+}
+.style2 .subheading .endTimedot{
+  color: #fff;
+}
 .goods {
   width: 100%;
 }