diff --git a/pages/index/index/index.wxml b/pages/index/index/index.wxml
index 7d8f151..f654cc3 100644
--- a/pages/index/index/index.wxml
+++ b/pages/index/index/index.wxml
@@ -1,23 +1,37 @@
-
+
+
-
+
+
+
+ 分类
+
+
+
+ 扫一扫
+
-
-
+
+
-
+
-
+
+
+
+
+
+
@@ -56,19 +70,93 @@
+
+
+
+
+ Г
+
+ 人工优先
+
+
+
+
+
+ Г
+
+ 正品保证
+
+
+
+ Г
+
+ 售后无忧
+
+
+
+
+
+
+
+
+ 护肤
+
+
+
+
+
+
+ 彩妆
+
+
+
+
+
+
+ 面膜
+
+
+
+
+
+
+
+ 个人护理
+
+
+
+
+
+
+
+ 男士专区
+
+
+
+
+
+
+
+
+
+
-
- 秒杀特区
+
+
+
+
+ 查看全部
+
-
-
+
+
@@ -89,66 +177,109 @@
{{aitem.title}}
- ￥{{aitem.price}}
+ ￥{{aitem.price}}
￥{{aitem.market_price}}
+
+
+
+
-
- 天天拼单
+
+
+
+
+
+ 张大仙
+ 刚拼团成功
+
+
+ 查看全部
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+ {{aitem.title}}
- 商家团
- 会员团
- 阶梯团
+
+
+
+
+ 已拼11{{aitem.buy_num}}份
+
+
+
+
+ {{aitem.ct_num}}人团
+
+
+
+
+
+
+
+ ￥
+ {{aitem.price}}
+ 零售价￥{{aitem.market_price}}
+
+
+
-
- {{aitem.title}}
- ￥{{aitem.price}}
- {{aitem.ct_num}}人团
- 去参团
- 去开团
- 去开团
- 已抢光
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
-
+
-
+
-
+
- ￥{{item.shop_price}} ￥{{item.market_price}}
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 热门好物
+
+
+
+
+
+
+
+
+
+
+
+ GOOD HOT THING
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.goods_name}}
+
+
+
+
+ ￥
+ {{item.shop_price}}
+
+
+
+ ￥
+ {{item.market_price}}
+
+
+
+
+
+
+
+ 黑卡省11.9元
+
+
+
+
+
+
+
+
+
+
+
+
+ 没有更多内容了
+
+
+
+
+
+
diff --git a/pages/index/index/index.wxss b/pages/index/index/index.wxss
index 879cab3..570c8ed 100644
--- a/pages/index/index/index.wxss
+++ b/pages/index/index/index.wxss
@@ -1,13 +1,17 @@
.search-box {
+
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 88rpx;
z-index: 10;
- background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0));
+ /* background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); */
+}
+.classify-img{
+ width: 50rpx;
+ height: 45rpx
}
-
.logo {
width: 48rpx;
height: 48rpx;
@@ -19,19 +23,23 @@
.search-inner {
display: flex;
align-items: center;
- margin: 15rpx 30rpx;
- width: 675rpx;
+ margin: 20rpx 25rpx;
+ width: 566rpx;
height: 58rpx;
border-radius: 29rpx;
background-color: #fff;
+ justify-content: center;
}
.search-img {
- margin-right: 12rpx;
+
width: 30rpx;
height: 30rpx;
- margin-top: -6rpx;
- margin-left: 20rpx;
+ margin-left: 36rpx;
+display: flex;
+align-items: center;
+position: absolute
+
}
.search-cont {
@@ -44,7 +52,7 @@
}
.search-fixed {
- background: rgba(242,48,48,0.8);
+ background: #ff7295;
}
.swiper_box {
@@ -55,8 +63,12 @@
width: 100%;
height: 380rpx;
}
+.s_proms{
+ width: 100%;
+ height:590rpx;
+}
-swiper-item image {
+.slide-image{
width: 100%;
height: 380rpx;
display: inline-block;
@@ -103,6 +115,12 @@ swiper-item image {
width: 100%;
height: 368rpx;
}
+.title-img{
+ margin-top: 150rpx;
+
+ margin-bottom: 15rpx;
+
+}
.choice_box .choice_list .title {
height: 36rpx;
@@ -221,34 +239,36 @@ swiper-item image {
}
.seckill-list {
- height: 360rpx;
+
overflow: hidden;
}
-.seckill-list navigator {
+/* .seckill-list navigator {
width: 236rpx; margin-right: 10rpx; position: relative;
-}
+} */
+
-.seckill-list image {
- width: 236rpx;
- height: 236rpx;
-}
.seckill-list view {
height: 45rpx;
padding: 0 10rpx;
- line-height: 45rpx;
+ line-height: 25rpx;
overflow: hidden;
font-size: 30rpx;
}
.seckill-list view.imgview{
- width: 236rpx;
- height: 236rpx;
+ width: 203rpx;
+ height: 226rpx;
position: relative;
overflow: hidden
}
-
+.imgview image{
+ width: 203rpx;
+ height: 203rpx;
+ border-radius: 10rpx;
+
+}
.seckill-list view.djs_view{
background:rgba(9,9,9,0.5);color: #fff; font-size: 20rpx;
width: 216rpx; height: 36rpx; line-height: 36rpx;
@@ -292,5 +312,377 @@ swiper-item image {
bottom: 30rpx; right: 10rpx; z-index: 5; border-radius: 5rpx;padding: 0;
}
-.arrow-right{width: 30rpx; height: 30rpx;}
+.arrow-right{width: 24rpx; height: 24rpx;}
.pd-view{height: 80rpx;}
+.xc-top-img{
+width: 100%;
+top: -1rpx;
+
+height: 315rpx;
+
+}
+
+.classify-frame{
+line-height: 25rpx;
+}
+.slide-image-frame{
+ width: 95%;
+margin: auto;
+
+}
+.xc-hook{
+ width: 30rpx;
+ height: 30rpx;
+ transform: rotate(-145deg);
+line-height: 35rpx;
+text-align: center;
+
+}
+.margin-left{
+margin-left: 10rpx;
+}
+.xc-class-img{
+ width: 83rpx;
+ height: 83rpx;
+}
+.xc-class-frame{
+ line-height: 40rpx;
+ margin-top: 40rpx;
+
+}
+.xc-title-img{
+ height: 220rpx;
+ width: 100%;
+}
+
+.title-img-frame{
+ width: 95%;
+margin: auto;
+margin-top: 30rpx;
+
+}
+.seckill-list{
+ line-height: 30rpx;
+}
+.seckill-lists{
+ line-height: 30rpx;
+}
+
+.xc-marfin-right{
+margin-right: 15rpx;
+}
+.classname .clock-img{
+ width:36rpx;
+ height: 36rpx;
+ margin-right: 10rpx;
+}
+.classname .seckill-ttitle-img{
+ width:150rpx;
+ height: 40rpx;
+
+
+
+}
+.split-line{
+ width:100%;height:10rpx;background:#eee;
+}
+.mar-top10{
+margin-top: 10rpx;
+}
+.classname .user-img{
+width: 30rpx;
+height:30rpx;
+margin-left:20rpx;
+}
+.user-frame{
+ width:220rpx;
+ border-left: 5rpx solid #eee;
+ height: 35rpx;
+ line-height: 35rpx;
+ margin-left: 10rpx;
+
+}
+.user-name{
+ width: 66rpx
+}
+
+
+/* 团购列表 */
+
+.kill-item {
+
+ display: flex;
+ justify-content: space-between;
+ background-color: #fff;
+ padding: 10rpx 10rpx;
+ margin-bottom: 10rpx;
+ border-radius: 10rpx;
+ height: 249rpx;
+ align-items: center;
+
+
+}
+.kill-pic {
+ width: 215rpx;
+ height: 215rpx;
+ position: relative;
+}
+.teamheight{
+height: 289rpx;
+border-bottom:6rpx solid #eee;
+
+}
+
+
+.kill-cont {
+ width: 440rpx;
+ height: 215rpx;
+ margin-left: 16rpx;
+}
+.goods-name {
+ max-height: 60rpx;
+ font-size: 24rpx;
+ color: #555;
+ line-height: 55rpx;
+
+}
+
+.xc-team-img{
+width:38rpx;
+height: 45rpx;
+left: -1rpx;
+top: -16rpx;
+}
+
+.tneirong{
+ color:#fff;
+ font-size: 20rpx;
+ border-radius:20rpx;
+ padding-left: 32rpx;
+ padding-right: 15rpx;
+ padding-bottom: 2rpx;
+ height: 28rpx;
+ line-height: 28rpx;
+
+white-space: nowrap;
+ }
+ .xc-people-val-frame{
+ border: 3rpx solid #d60021;border-radius: 8rpx;white-space: nowrap;
+height: 28rpx;
+
+}
+.xc-people-val-frame .val-img{
+width:33rpx;height:28rpx;border-radius: 8rpx;margin-left: -2rpx;
+}
+.people-img{
+ width:20rpx;height:20rpx
+}
+.goods-num {
+ height: 50rpx;
+ display: flex;
+ justify-content: space-between;
+margin-top: 10rpx;
+ font-size: 24rpx;
+ color: #999;
+
+}
+.xc-top15{
+ padding-top: 15rpx;
+ margin-top: 4rpx;
+}
+.underline {
+ text-decoration: line-through; color:#999999; font-size: 20rpx; margin-left: 5rpx;
+}
+.navigator.navwidth{
+ width: 100%；
+}
+.view.left{
+ padding: 0 5rpx;
+
+}
+
+
+
+/* 热门好物 */
+
+.title .China {
+ width: 100%;
+ margin-top: 50rpx;
+ margin-bottom: 10rpx;
+ line-height: 0rpx;
+}
+
+.title .China .line view {
+ width: 2rpx;
+}
+
+.title .China .line {
+ height: 40rpx;
+ color: rgb(51,51, 51);
+}
+
+.title .China .line .one {
+ height: 23rpx;
+ background-color: #000;
+ margin-left: 5rpx;
+}
+
+.title .China .line .two {
+ height: 15rpx;
+ background-color: #000;
+ margin-left: 5rpx;
+}
+
+.title .China .line .three {
+ height: 18rpx;
+ background-color: #000;
+ margin-left: 5rpx;
+}
+
+.title .China .Recommend {
+ margin: 0rpx 20rpx;
+ font-size: 28rpx;
+ line-height: 39rpx;
+ font-weight: bold;
+}
+
+.title .english .silk {
+ width: 214rpx;
+ height: 2rpx;
+ background-color: #000;
+}
+
+.title .english .esh {
+ margin: 0rpx 15rpx;
+}
+
+.collects {
+ margin-top: 40rpx;
+}
+
+.hang {
+ width: 100%;
+ margin: auto;
+ padding-left: 21rpx;
+}
+
+.hang .collect {
+ width: 347rpx;
+ height: 571rpx;
+ border-radius: 25rpx;
+ border: 1rpx solid rgb(214, 214, 214);
+ overflow: hidden;
+ margin-right: 14rpx;
+ margin-bottom: 5rpx;
+}
+
+.collect .bottom {
+ padding: 0rpx 20rpx;
+}
+
+.collect .sp {
+ width: 100%;
+ height: 326rpx;
+}
+
+.collect .money {
+ margin-top: 60rpx;
+ margin-bottom: 18rpx;
+ line-height: 28rpx;
+ align-items: baseline;
+}
+.collect .money view{
+ line-height: 28rpx;
+}
+.collect .money .flex {
+ font-weight: bold;
+}
+.collect .money .flex .fs24{
+ padding-top: 5rpx;
+}
+.collect .Discount {
+ width: 156rpx;
+ height: 28rpx;
+ border-radius: 20rpx;
+ background-color: rgb(56, 56, 56);
+ font-size: 18rpx;
+ color: rgb(255, 255, 255);
+}
+
+.collect .Discount image {
+ height: 18rpx;
+ width: 18rpx;
+ line-height: 28rpx;
+ margin-right: 3rpx;
+}
+
+.collect.ml20 {
+ margin-left: 13rpx;
+}
+
+.fs24.dollar {
+ padding: 0rpx;
+}
+
+.money .price {
+ margin-left: 12rpx;
+ text-decoration: line-through;
+ line-height: 23rpx;
+}
+
+.province {
+ line-height: 26rpx;
+}
+
+.nothing {
+ height: 75rpx;
+ width: 100%;
+}
+
+.nothing .no_content {
+ margin: 0rpx 11rpx;
+ color: rgb(138, 138, 138);
+}
+
+.nothing .Foil {
+ width: 80rpx;
+ height: 2rpx;
+ background-color: rgb(138, 138, 138);
+}
+.goods_name{
+ height: 70rpx;
+ margin-top: 6rpx;
+}
+.seckill-list view.translation{
+ width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;margin: auto;line-height: 20rpx;
+}
+.seckill-list view.spot{
+ width:10rpx;
+ height:10rpx;
+ padding: 0rpx;
+
+}
+
+.spot{
+ width:10rpx;
+ height:10rpx;
+ padding: 0rpx;
+
+}
+.translation{
+ width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;line-height: 20rpx;
+ bottom: 45rpx;
+left: 43%;
+
+}
+
+.translation{
+ width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;line-height: 20rpx;
+ bottom: 45rpx;
+left: 43%;
+}
+.translations{
+ width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;line-height: 20rpx;
+ bottom: 25rpx;
+left: 43%;
+}
\ No newline at end of file