首页幸运购，当前默认隐藏不显示

taiyuan
1 parent a54e369f
Showing 3 changed files with 137 additions and 5 deletions
app.wxss
pages/index/index/index.wxml
pages/index/index/index.wxss
@@ -4,6 +4,9 @@
 .pdt4 {
 	padding-top: 4rpx;
 }
+.pdt6 {
+	padding-top: 6rpx;
+}
 .pd10 {
 	padding: 10rpx;
 }
@@ -712,9 +715,9 @@ background: #ffe3e2;
 /* 图标字体(ty) */
 @font-face {
   font-family: 'iconfont';  /* Project id 2054717 */
-  src: url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.woff2?t=1635479077648') format('woff2'),
-       url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.woff?t=1635479077648') format('woff'),
-       url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.ttf?t=1635479077648') format('truetype');
+  src: url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.woff2?t=1635844276600') format('woff2'),
+       url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.woff?t=1635844276600') format('woff'),
+       url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.ttf?t=1635844276600') format('truetype');
 }
  
 .iconfont {
@@ -725,6 +728,10 @@ background: #ffe3e2;
   -moz-osx-font-smoothing: grayscale;
 }
  
+.icon-luck:before {
+  content: "\e621";
+}
+
 .icon-shizhong:before {
   content: "\e74f";
 }
@@ -215,7 +215,52 @@
 				</swiper-item>
 			</swiper>
 		</view>
-	</view> 
+	</view>
+	
+	
+	
+	<!--幸运购-->
+	<view class="seckill" wx:if="{{false}}">
+		<navigator bindtap="go_pre"  data-url="/packageC/pages/luckyGo/luckyGo_activityList/luckyGo_activityList" hover-class="none">
+			<view class="seckill-time">
+				<view class="classname flex ai_c">
+					<i class="iconfont icon-luck"></i>
+					<text class="bold fs30">幸运购</text>
+				</view>
+				<view class="flex ai_c seckill-list">
+					<text class="fs24 xc-marfin-right">查看全部</text>
+					<image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image>
+				</view>
+			</view>
+		</navigator>
+		<view class="seckill-list luck">
+			<view class="list-item" wx:for="{{3}}">
+				<view class="flex ai-center">
+					<view class="img-container"><image class="img-block" src="../../../images/bk.png"></image></view>
+					<view class="pdl20 flex fdc jc_sb f1">
+						
+						<view class="ellipsis-2 name fs28">我是商品</view>
+						<view>
+							<view class="flex ai-center">
+								<text class="rmb c-red">189.00</text>
+								<view class="del fs22 c-a pdl10">零售价:<text class="rmb">155</text></view>
+							</view>
+							<view class="flex jc_sb">
+								<progress class="pdr20 f1 progress" percent="50" activeColor="#FF6768" backgroundColor="#d0d0d0" border-radius="12" stroke-width="12" data-content="1人已参团"></progress>
+								<view class="btn fs26">去参团</view>
+							</view>
+						</view>
+						
+					</view>
+				</view>
+				<view class="fs24 pdt10 c-7b">*<text class="c-red">5</text>人成团，<text class="c-red">5</text>人得商品，<text class="c-red">5</text>人全额退款并得<text class="c-red">惊喜礼品</text>！</view>
+			</view>
+		</view>
+	</view>
+	 
+	 
+	 
+	 
  
  
  
@@ -2,7 +2,8 @@
 	background: #ff7295;
 }
  
-.icon-presell {
+.icon-presell,
+.icon-luck {
 	color: #ED6064;
 	font-size: 18px;
 	margin-right: 4rpx;
@@ -1115,3 +1116,82 @@ page {
 	margin-right: 10rpx;
 }
  
+
+
+/* .luck {
+	padding-left: 20rpx;
+	padding-right: 20rpx;
+} */
+
+.luck .list-item {
+	background-color: white;
+	padding: 20rpx;
+	border-radius: 12rpx;
+}
+
+.luck .img-container {
+	width: 200rpx;
+	height: 200rpx;
+	border-radius: 14rpx;
+	overflow: hidden;
+	flex-shrink: 0;
+	position: relative;
+}
+
+.luck .img-container::before {
+	content: '幸运购';
+	position: absolute;
+	left: 0;
+	top: 0;
+	padding: 4rpx;
+	background-color: rgba(255,103,103,.7);
+	color: white;
+	font-size: 22rpx;
+	border-radius: 0 0 14rpx 0;
+}
+
+.luck .name::before {
+	content: '5人团';
+	background-color: #FF6768;
+	color: white;
+	font-size: 26rpx;
+	padding-left: 10rpx;
+	padding-right: 10rpx;
+	border-radius: 20rpx;
+	margin-right: 10rpx;
+}
+
+.rmb::before {
+	content: '￥';
+	font-size: 24rpx;
+}
+
+.del {
+	text-decoration: line-through;
+}
+
+.luck .btn {
+	background-color: #FF6768;
+	border-radius: 20rpx;
+	padding-left:20rpx;
+	padding-right: 20rpx;
+	color: white;
+}
+
+.luck .name {
+	height: 88rpx;
+}
+
+
+.luck .progress {
+	position: relative;
+}
+.luck .progress::before {
+	position: absolute;
+	width: 100%;
+	content: attr(data-content);
+	font-size: 20rpx;
+	color: white;
+	text-align: center;
+}
+