gaoxs
5 years ago
@ -1,2 +1,2 @@
|
||||
@charset "UTF-8";.font-color-red{color:#73CBB6 !important}.bg-color-red{background-color:#73CBB6 !important}.icon-color{color:#73CBB6}.cart-color{color:#73CBB6 !important;border:1px solid #73CBB6 !important}.padding20{padding:20rpx}.pad20{padding:0 20rpx}.padding30{padding:30rpx}.pad30{padding:0 30rpx}.acea-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.acea-row.row-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.acea-row.row-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.acea-row.row-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.acea-row.row-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.acea-row.row-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.acea-row.row-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column-around{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.acea-row.row-column-between{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-center-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-between-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.slider-banner{position:relative;width:100%;overflow:hidden}.slider-banner .swiper-container{height:100%}.slider-banner image{display:block;width:100%;height:100%}.start{width:122rpx;height:30rpx;background-image:url("https://h5.dayouqiantu.cn/static/images/start.png");background-repeat:no-repeat;-webkit-background-size:122rpx auto;background-size:122rpx auto}.start.star5{background-position:0 3rpx}.start.star4{background-position:0 -30rpx}.start.star3{background-position:0 -70rpx}.start.star2{background-position:0 -105rpx}.start.star1{background-position:0 -140rpx}.start.star0{background-position:0 -175rpx}.checkbox-wrapper{position:relative}.checkbox-wrapper input{display:none}.checkbox-wrapper .icon{position:absolute;left:0;top:50%;display:inline-block;width:18px;height:18px;border:1px solid #cccccc;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.checkbox-wrapper input:checked+.icon{background-color:#e93323;border-color:#e93323;background-image:url("https://h5.dayouqiantu.cn/static/images/enter.png");-webkit-background-size:21rpx 15rpx;background-size:21rpx 15rpx;background-repeat:no-repeat;background-position:center center}.Loads{height:80rpx;font-size:25rpx;color:#000}.Loads .iconfont{font-size:30rpx;margin-right:10rpx;height:32rpx;line-height:32rpx}@-webkit-keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loadingpic{-webkit-animation:load 3s linear 1s infinite;animation:load 3s linear 1s infinite}.loading{-webkit-animation:load linear 1s infinite;animation:load linear 1s infinite} |
||||
@charset "UTF-8";.font-color-red{color:#00c17b !important}.bg-color-red{background-color:#00c17b !important}.icon-color{color:#00c17b}.cart-color{color:#00c17b !important;border:1px solid #00c17b !important}.padding20{padding:20rpx}.pad20{padding:0 20rpx}.padding30{padding:30rpx}.pad30{padding:0 30rpx}.acea-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.acea-row.row-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.acea-row.row-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.acea-row.row-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.acea-row.row-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.acea-row.row-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.acea-row.row-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column-around{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.acea-row.row-column-between{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-center-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-between-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.slider-banner{position:relative;width:100%;overflow:hidden}.slider-banner .swiper-container{height:100%}.slider-banner image{display:block;width:100%;height:100%}.start{width:122rpx;height:30rpx;background-image:url("https://h5.dayouqiantu.cn/static/images/start.png");background-repeat:no-repeat;-webkit-background-size:122rpx auto;background-size:122rpx auto}.start.star5{background-position:0 3rpx}.start.star4{background-position:0 -30rpx}.start.star3{background-position:0 -70rpx}.start.star2{background-position:0 -105rpx}.start.star1{background-position:0 -140rpx}.start.star0{background-position:0 -175rpx}.checkbox-wrapper{position:relative}.checkbox-wrapper input{display:none}.checkbox-wrapper .icon{position:absolute;left:0;top:50%;display:inline-block;width:18px;height:18px;border:1px solid #cccccc;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.checkbox-wrapper input:checked+.icon{background-color:#e93323;border-color:#e93323;background-image:url("https://h5.dayouqiantu.cn/static/images/enter.png");-webkit-background-size:21rpx 15rpx;background-size:21rpx 15rpx;background-repeat:no-repeat;background-position:center center}.Loads{height:80rpx;font-size:25rpx;color:#000}.Loads .iconfont{font-size:30rpx;margin-right:10rpx;height:32rpx;line-height:32rpx}@-webkit-keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loadingpic{-webkit-animation:load 3s linear 1s infinite;animation:load 3s linear 1s infinite}.loading{-webkit-animation:load linear 1s infinite;animation:load linear 1s infinite} |
||||
/*# sourceMappingURL=./base.css.map */ |
||||
@ -1,201 +1,238 @@
|
||||
<template> |
||||
<view class="flash-sale" ref="container"> |
||||
<view class="header" v-if="headerImg"><image :src="headerImg" /></view> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view class="timeItem"> |
||||
<view class="time">{{ item.time }}</view> |
||||
<view class="state">{{ item.state }}</view> |
||||
</view> |
||||
</view> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view v-if="active == index"> |
||||
<view class="countDown font-color-red acea-row row-center-wrapper"> |
||||
<view v-if="item.status === 0" class="activity">活动已结束</view> |
||||
<count-down |
||||
:is-day="false" |
||||
:tip-text="'距结束仅剩 '" |
||||
:day-text="''" |
||||
:hour-text="' : '" |
||||
:minute-text="' : '" |
||||
:second-text="''" |
||||
:datatime="datatime" |
||||
v-if="item.status === 1" |
||||
></count-down> |
||||
<view v-if="item.status === 2" class="activity">活动即将开始</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="item acea-row row-between-wrapper" v-for="(itemSeckill, indexSeckill) in seckillList" :key="indexSeckill"> |
||||
<view class="pictrue"><image :src="itemSeckill.image" /></view> |
||||
<view class="text acea-row row-column-around"> |
||||
<view class="line1" v-text="itemSeckill.title"></view> |
||||
<view class="money"> |
||||
限时价 |
||||
<text class="num font-color-red" v-text="'￥' + itemSeckill.price"></text> |
||||
</view> |
||||
<view class="progress cart-color"> |
||||
<view class="bg-red" :style="{ width: loading ? itemSeckill.percent + '%' : '' }"></view> |
||||
<view class="piece font-color-red" v-text="'仅剩' + itemSeckill.stock + '件'"></view> |
||||
</view> |
||||
</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 1 && itemSeckill.stock > 0" @click="goDetail(itemSeckill.id)">马上抢</view> |
||||
<view class="grab" v-if="item.status === 1 && itemSeckill.stock <= 0">已售磬</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 2">即将开始</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 0">已结束</view> |
||||
</view> |
||||
</view> |
||||
<view class="noCommodity" style="background-color: #fff;" v-if="seckillList.length === 0 && page > 1"> |
||||
<view class="noPictrue"><image :src="$VUE_APP_RESOURCES_URL + '/images/noGood.png'" class="image" /></view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- |
||||
<vant-tabs :active="active" @change="setTime" :sticky="sticky" animated line-height="2" :ellipsis="false"> |
||||
<vant-tab :ellipsis="false" :title="[title[index]]"> |
||||
|
||||
</vant-tab> |
||||
</vant-tabs> --> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import { getSeckillConfig, getSeckillList } from '@/api/activity'; |
||||
import CountDown from '@/components/CountDown'; |
||||
// import { Tab, Tabs } from "vant-weapp"; |
||||
import Loading from '@/components/Loading'; |
||||
|
||||
export default { |
||||
name: 'GoodsSeckill', |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
headerImg: '', |
||||
timeList: [], |
||||
sticky: false, |
||||
loading: false, |
||||
datatime: 0, |
||||
active: 0, |
||||
seckillList: [], |
||||
status: false, //砍价列表是否获取完成 false 未完成 true 完成 |
||||
loadingList: false, //当前接口是否请求完成 false 完成 true 未完成 |
||||
page: 1, //页码 |
||||
limit: 5, //数量 |
||||
title: [] |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.mountedStart(); |
||||
}, |
||||
onReachBottom() { |
||||
!this.loadingList && this.getSeckillList(); |
||||
}, |
||||
methods: { |
||||
mountedStart: function() { |
||||
var that = this; |
||||
uni.showLoading(); |
||||
getSeckillConfig().then(res => { |
||||
that.$set(that, 'headerImg', res.data.lovely); |
||||
that.$set(that, 'timeList', res.data.seckillTime); |
||||
that.$set(that, 'active', res.data.seckillTimeIndex); |
||||
|
||||
let title = []; |
||||
title = res.data.seckillTime.map((item, index) => { |
||||
return { |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'timeItem' |
||||
}, |
||||
children: [ |
||||
{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'time' |
||||
}, |
||||
children: [ |
||||
{ |
||||
type: 'text', |
||||
text: item.time |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'state' |
||||
}, |
||||
children: [ |
||||
{ |
||||
type: 'text', |
||||
text: item.state |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}; |
||||
}); |
||||
that.$set(that, 'title', title); |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
that.$nextTick(function() { |
||||
that.sticky = true; |
||||
uni.hideLoading(); |
||||
}); |
||||
}); |
||||
}, |
||||
setTime: function(event) { |
||||
var that = this; |
||||
that.active = event.mp.detail.index; |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
}, |
||||
getSeckillList: function() { |
||||
var that = this; |
||||
if (that.loadingList) return; |
||||
if (that.status) return; |
||||
var time = that.timeList[that.active].id; |
||||
getSeckillList(time, { page: that.page, limit: that.limit }).then(res => { |
||||
that.status = res.data.length < that.limit; |
||||
that.seckillList.push.apply(that.seckillList, res.data); |
||||
that.page++; |
||||
uni.hideLoading(); |
||||
}); |
||||
}, |
||||
goDetail: function(id) { |
||||
var that = this; |
||||
var time = that.timeList[that.active].stop; |
||||
this.$yrouter.push({ |
||||
path: '/pages/activity/SeckillDetails/index', |
||||
query: { id, time } |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
<style scoped lang="less"> |
||||
.timeItem { |
||||
font-size: 0.22 * 100rpx; |
||||
color: #282828; |
||||
width: 100%; |
||||
text-align: center; |
||||
padding: 0.11 * 100rpx 0; |
||||
height: 0.96 * 100rpx; |
||||
background-color: #efc58f; |
||||
} |
||||
.timeItem .time { |
||||
font-size: 0.32 * 100rpx; |
||||
font-weight: bold; |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
.timeItem .state { |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
.activity { |
||||
color: #333; |
||||
} |
||||
.flash-sale .list .item .grab { |
||||
background-color: #999; |
||||
} |
||||
<template> |
||||
<view class="flash-sale" ref="container"> |
||||
<view class="header" v-if="headerImg"> |
||||
<image :src="headerImg" /> |
||||
</view> |
||||
<scroll-view scroll-y="false" scroll-x="true"> |
||||
<view class="timeScroll"> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view :class="{'timeItem':true,'active':active==index}" @click="changeTime(index)"> |
||||
<view class="time">{{ item.time }}</view> |
||||
<view class="state">{{ item.state }}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view v-if="active == index"> |
||||
<view class="countDown font-color-red acea-row row-center-wrapper"> |
||||
<view v-if="item.status === 0" class="activity">活动已结束</view> |
||||
<count-down :is-day="false" :tip-text="'距结束仅剩 '" :day-text="''" :hour-text="' : '" :minute-text="' : '" |
||||
:second-text="''" :datatime="datatime" v-if="item.status === 1"></count-down> |
||||
<view v-if="item.status === 2" class="activity">活动即将开始</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="item acea-row row-between-wrapper" v-for="(itemSeckill, indexSeckill) in seckillList" :key="indexSeckill"> |
||||
<view class="pictrue"> |
||||
<image :src="itemSeckill.image" /> |
||||
</view> |
||||
<view class="text acea-row row-column-around"> |
||||
<view class="line1" v-text="itemSeckill.title"></view> |
||||
<view class="money"> |
||||
限时价 |
||||
<text class="num font-color-red" v-text="'￥' + itemSeckill.price"></text> |
||||
</view> |
||||
<view class="progress cart-color"> |
||||
<view class="bg-red" :style="{ width: loading ? itemSeckill.percent + '%' : '' }"></view> |
||||
<view class="piece font-color-red" v-text="'仅剩' + itemSeckill.stock + '件'"></view> |
||||
</view> |
||||
</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 1 && itemSeckill.stock > 0" @click="goDetail(itemSeckill.id)">马上抢</view> |
||||
<view class="grab" v-if="item.status === 1 && itemSeckill.stock <= 0">已售磬</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 2">即将开始</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 0">已结束</view> |
||||
</view> |
||||
</view> |
||||
<view class="noCommodity" style="background-color: #fff;" v-if="seckillList.length === 0 && page > 1"> |
||||
<view class="noPictrue"> |
||||
<image :src="$VUE_APP_RESOURCES_URL + '/images/noGood.png'" class="image" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- |
||||
<vant-tabs :active="active" @change="setTime" :sticky="sticky" animated line-height="2" :ellipsis="false"> |
||||
<vant-tab :ellipsis="false" :title="[title[index]]"> |
||||
|
||||
</vant-tab> |
||||
</vant-tabs> --> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import { |
||||
getSeckillConfig, |
||||
getSeckillList |
||||
} from '@/api/activity'; |
||||
import CountDown from '@/components/CountDown'; |
||||
// import { Tab, Tabs } from "vant-weapp"; |
||||
import Loading from '@/components/Loading'; |
||||
|
||||
export default { |
||||
name: 'GoodsSeckill', |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
headerImg: '', |
||||
timeList: [], |
||||
sticky: false, |
||||
loading: false, |
||||
datatime: 0, |
||||
active: 0, |
||||
seckillList: [], |
||||
status: false, //砍价列表是否获取完成 false 未完成 true 完成 |
||||
loadingList: false, //当前接口是否请求完成 false 完成 true 未完成 |
||||
page: 1, //页码 |
||||
limit: 5, //数量 |
||||
title: [], |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.mountedStart(); |
||||
}, |
||||
onReachBottom() { |
||||
!this.loadingList && this.getSeckillList(); |
||||
}, |
||||
methods: { |
||||
changeTime: function(index) { |
||||
this.active = index |
||||
}, |
||||
mountedStart: function() { |
||||
var that = this; |
||||
uni.showLoading(); |
||||
getSeckillConfig().then(res => { |
||||
that.$set(that, 'headerImg', res.data.lovely); |
||||
that.$set(that, 'timeList', res.data.seckillTime); |
||||
that.$set(that, 'active', res.data.seckillTimeIndex); |
||||
|
||||
let title = []; |
||||
title = res.data.seckillTime.map((item, index) => { |
||||
return { |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'timeItem' |
||||
}, |
||||
children: [{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'time' |
||||
}, |
||||
children: [{ |
||||
type: 'text', |
||||
text: item.time |
||||
}] |
||||
}, |
||||
{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'state' |
||||
}, |
||||
children: [{ |
||||
type: 'text', |
||||
text: item.state |
||||
}] |
||||
} |
||||
] |
||||
}; |
||||
}); |
||||
that.$set(that, 'title', title); |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
that.$nextTick(function() { |
||||
that.sticky = true; |
||||
uni.hideLoading(); |
||||
}); |
||||
}); |
||||
}, |
||||
setTime: function(event) { |
||||
var that = this; |
||||
that.active = event.mp.detail.index; |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
}, |
||||
getSeckillList: function() { |
||||
var that = this; |
||||
if (that.loadingList) return; |
||||
if (that.status) return; |
||||
var time = that.timeList[that.active].id; |
||||
getSeckillList(time, { |
||||
page: that.page, |
||||
limit: that.limit |
||||
}).then(res => { |
||||
that.status = res.data.length < that.limit; |
||||
that.seckillList.push.apply(that.seckillList, res.data); |
||||
that.page++; |
||||
uni.hideLoading(); |
||||
}); |
||||
}, |
||||
goDetail: function(id) { |
||||
var that = this; |
||||
var time = that.timeList[that.active].stop; |
||||
this.$yrouter.push({ |
||||
path: '/pages/activity/SeckillDetails/index', |
||||
query: { |
||||
id, |
||||
time |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
<style scoped lang="less"> |
||||
.timeScroll { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
} |
||||
|
||||
.timeItem { |
||||
font-size: 0.22 * 100rpx; |
||||
color: #282828; |
||||
width: 150rpx; |
||||
text-align: center; |
||||
padding: 0.11 * 100rpx 0; |
||||
background-color: none; |
||||
|
||||
&.active { |
||||
|
||||
.time { |
||||
color: #00c17b |
||||
} |
||||
|
||||
.state { |
||||
background-color: #00c17b; |
||||
color: #fff; |
||||
opacity: 1; |
||||
border-radius: 30rpx; |
||||
padding: 0 .2*100rpx; |
||||
font-weight: 800; |
||||
height: .3*100rpx; |
||||
line-height: .3*100rpx; |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
.timeItem .time { |
||||
font-size: 0.32 * 100rpx; |
||||
font-weight: bold; |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
|
||||
.timeItem .state { |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
|
||||
.activity { |
||||
color: #333; |
||||
} |
||||
|
||||
.flash-sale .list .item .grab { |
||||
background-color: #999; |
||||
} |
||||
</style> |
||||
|
||||
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 8.4 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 2.8 KiB |