<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
|
<template>
|
<view class="indexBody">
|
<view class="mainWrap" style='background: rgb(207, 2, 5); border-bottom: none;'>
|
<view class="search" @click="gotogoodDetail(4,'')">
|
<img style="height: 24px;width: 24px;" src="../../static/search.png" alt="">
|
请输入或粘贴商品标签搜隐藏优惠
|
<!-- <input placeholder="请输入或粘贴商品标签搜" placeholder-style="font-size:12px;" /> -->
|
</view>
|
<view class="right-icon">
|
<view class="login-t">
|
<image style="height: 30px;width: 30px;" src="../../static/book.png" mode=""></image>
|
</view>
|
</view>
|
</view>
|
<view style='background: rgb(207, 2, 5);color: white;padding: 4px 0; text-align: center;font-size: 14px;'>
|
<view class="">
|
三步查券
|
<text class="numCircle">1</text>
|
进入淘宝
|
<text class="numCircle">2</text>
|
复制商品标题
|
<text class="numCircle">3</text>
|
粘贴搜索
|
</view>
|
</view>
|
<view style='background: rgb(207, 2, 5);'>
|
<scroll-view id="tab-bar" class="navbarstyle" scroll-x="true" show-scrollbar="false" enable-flex='true'
|
:scroll-into-view="'id'+scrollInto">
|
<text v-for="(item, index) in lists" class="flex-sub" :id="'id'+item.cid" :key="'key'+item.cid"
|
:class="item.cid==TabCur?'textlight':'textan'" :data-index="index" @click="TabClick(item.cid)">
|
{{item.cname}}
|
</text>
|
</scroll-view>
|
</view>
|
|
<swiper class="swiperall" :current="Cur" @change="switchTab">
|
<swiper-item class="swiper-item" v-for="(item,index) in lists" :key="'key'+item.cid">
|
<scroll-view class="scroll-v list" lower-threshold='100' enable-back-to-top="true" scroll-y='true'
|
@scrolltolower="loadMore()" enable-flex='true' @scroll="scroll" :scroll-top="scrollTop">
|
<view class="speed" v-if="index==0">
|
<view v-for="(item2,index) in moduleList1" class="speendItem" style="margin-bottom: 14px;"
|
@click='gotoDetail(item2)' :key="item2.imgurl">
|
<image :src="item2.imgurl" style="width: 140rpx;height:140rpx;" />
|
<text class="title">{{item2.title}}</text>
|
</view>
|
</view>
|
<view class="topCard" v-if="index==0" :key="'ss'+item.id">
|
<view class="topSignalCard" @click="gotogoodDetail(2,item.goodsId)">
|
<view class="firstLine">
|
<view>全网热销榜</view>
|
<view class="firstLine_img">
|
<view style="margin-top: 2px;">
|
<image style="width: 24rpx;height: 24rpx;"
|
src="../../static/homeimg/shuzhuangtu.png" alt="" />
|
</view>
|
<text>实时好货</text>
|
</view>
|
</view>
|
<view class="secondLine">
|
<view class="" v-for="(item1,index1) in hotSellList" :key="item1?.mainPic">
|
<view class="top1" v-if="index1==0">1</view>
|
<view class="top2" v-if="index1==1">2</view>
|
<img style="width: 154rpx;height: 154rpx;border-radius: 22rpx 0 0 0;"
|
:src="item1?.mainPic" alt="">
|
<view class="secondLine_btn1" v-if="index1==0">2小时抢{{getNumData(item1.monthsale)}}
|
</view>
|
<view class="secondLine_btn2" v-if="index1==1">2小时抢{{getNumData(item1.monthsale)}}
|
</view>
|
<view class="price">
|
￥{{item1?.actualPrice}}
|
</view>
|
</view>
|
</view>
|
|
</view>
|
<view class="topSignalCard" @click="gotogoodDetail(3,item.goodsId)">
|
<view class=" firstLine">
|
<view>限时秒杀</view>
|
<!-- <view class="firstLine_img2">
|
{{nowTurn}}点场
|
<image style="width: 24rpx;height: 24rpx;" src="../../static/homeimg/shandian.png"
|
alt="" />
|
{{showTime??'00:00:00'}}
|
</view> -->
|
</view>
|
<view v-if="madbuyList[0]" class="secondLine">
|
<view class="">
|
<img style="width: 154rpx;height: 154rpx;border-radius: 8px;"
|
:src="madbuyList[0]?.mainPic" alt="">
|
<view class="secondLine_btn3">领{{madbuyList[0]?.couponPrice}}优惠券</view>
|
<view class="price">
|
￥{{madbuyList[0]?.actualPrice}}
|
</view>
|
</view>
|
<view v-if="madbuyList[1]" class="">
|
<img style="width: 154rpx;height: 154rpx;border-radius: 8px;"
|
:src="madbuyList[1]?.mainPic" alt="">
|
<view class="secondLine_btn3">领{{madbuyList[1]?.couponPrice}}优惠券</view>
|
<view class="price">
|
￥{{madbuyList[1]?.actualPrice}}
|
</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
<view style="text-align: center;" v-if="index==0">
|
好货推荐
|
</view>
|
|
<view class="speed" style="background-color: white; padding-top: 24rpx;" v-if="index!=0"
|
:key="item.cid">
|
<view v-for="(item2,index) in item.subcategories" class="speendItem"
|
style="margin-bottom: 14px;" @click='gotoPage(item2.scname)' :key="item2.scpic">
|
<image :src="item2.scpic" style="width:60px;height: 60px;" />
|
<text class="title">{{item2.scname}}</text>
|
</view>
|
</view>
|
<view class="goodCards" v-if="goodsList.length>0&&item.cid==TabCur">
|
<view v-for="(item,index) in goodsList" class="card" :key="item.goodsId"
|
@click="gotogoodDetail(1,item.goodsId)">
|
<view class="cardImg">
|
<image style="width: 100%;height: 100%;" :src='item?.mainPic' alt="" />
|
</view>
|
<view style="display: flex;background-color: white;margin-left: 12px;">
|
<view style="padding-top: 2px;margin-left: 6px;">
|
<img style="width:16px;height: 16px;"
|
:src="item.shopType==0?'https://img.alicdn.com/imgextra/i4/751308485/O1CN01ppfg8j2CYBRpPtb51_!!751308485.png':'https://img.alicdn.com/imgextra/i4/751308485/O1CN01mKVp3U2CYBRzeHVcG_!!751308485.png'"
|
alt="">
|
</view>
|
<view class="cardTitle">
|
{{item?.dtitle.length>24?item?.dtitle.slice(0,24)+'...':item?.dtitle}}
|
</view>
|
|
</view>
|
<text class="cardDetail">
|
<text v-if="item?.couponPrice" style="font-size:24rpx ;color: gray;">券后</text>
|
￥{{item?.actualPrice}}
|
<text
|
style="text-decoration: line-through; color: gray;margin-left: 6rpx;font-size: 24rpx;">原价:{{mathf.add(Number(item?.actualPrice),Number(item?.couponPrice))}}</text>
|
</text>
|
<view style="background-color: white; margin-left: 12px;padding-left: 12rpx;">
|
<view class="topcard_coupon">
|
<view>
|
<text
|
style="color: white;margin-right: 12rpx;padding: 0 8rpx;border-right: 1px dashed;">券</text>
|
{{item?.couponPrice}}元
|
</view>
|
|
</view>
|
</view>
|
|
<text class="cardCount">已售{{getNumData(item.monthsale)}}+</text>
|
</view>
|
</view>
|
<view class="loading-more" v-if="goodsList.length>0">
|
<text class="loading-more-text" v-if="loadingMore">加载更多...</text>
|
<text class="loading-more-text" v-if="loadingMore==false">加载中...</text>
|
</view>
|
</scroll-view>
|
</swiper-item>
|
</swiper>
|
|
|
|
|
</view>
|
</template>
|
|
|
<script>
|
import {
|
timeHMS,
|
getNumData,
|
mathf,
|
} from "../../common/util.js"
|
import requestx from '../../common/request.js'
|
export default {
|
data() {
|
return {
|
timeHMS,
|
getNumData,
|
mathf,
|
requestx,
|
timer: null,
|
newsList: [],
|
list: [],
|
title: 'Hello',
|
TabCur: 0,
|
Cur: 0,
|
loadingMore: true,
|
lists: [{
|
cid: 0,
|
cname: "精选",
|
// isopen: true,
|
url: "pages/tabBar/component/component"
|
}, ],
|
moduleList1: [{
|
id: 11,
|
title: '美食外卖',
|
imgurl: 'https://img.alicdn.com/imgextra/i2/2053469401/O1CN01xWCtV62JJi9b21iQp_!!2053469401.png',
|
targetUrl: '/pages/index/ability/index',
|
}, {
|
id: 1,
|
title: '9块9包邮',
|
imgurl: 'https://img.alicdn.com/imgextra/i2/2053469401/O1CN01xWCtV62JJi9b21iQp_!!2053469401.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 2,
|
title: '折上折',
|
imgurl: 'https://img.alicdn.com/imgextra/i4/751308485/O1CN01ndxl472CYBRrNzRIL_!!751308485.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 3,
|
title: '每日爆款',
|
imgurl: 'https://img.alicdn.com/imgextra/i3/751308485/O1CN015wcJqk2CYBRfcRgpE_!!751308485.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
/* {
|
id: 4,
|
title: '整点秒杀',
|
imgurl: 'https://img.alicdn.com/imgextra/i1/2053469401/O1CN01jFhUBl2JJi9OQBQHL_!!2053469401.gif',
|
targetUrl: '/pages/index/ability/index',
|
}, */
|
{
|
id: 9,
|
title: '历史最低',
|
imgurl: 'https://img.alicdn.com/imgextra/i4/751308485/O1CN01I1H3BR2CYBS0mb6rW_!!751308485.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 5,
|
title: '京东',
|
imgurl: 'https://img.alicdn.com/imgextra/i2/2053469401/O1CN01Iu2xBJ2JJi9nqIQpb_!!2053469401.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 6,
|
title: '抖音',
|
imgurl: 'https://sr.ffquan.cn/cms_pic/20220309/c8k95qi3fg9k53m0g0600.gif',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 7,
|
title: '拼多多',
|
imgurl: 'https://img.alicdn.com/imgextra/i2/751308485/O1CN01t7PJKo2CYBRkK09rZ_!!751308485.png',
|
targetUrl: '/pages/index/ability/index',
|
},
|
{
|
id: 8,
|
title: '全网热卖榜',
|
imgurl: 'https://img.alicdn.com/imgextra/i1/2053469401/O1CN01g59ZH52JJi9SxWxdF_!!2053469401.gif',
|
targetUrl: '/pages/rankingList/index',
|
},
|
{
|
id: 10,
|
title: '捡漏爆款',
|
imgurl: 'https://img.alicdn.com/imgextra/i3/751308485/O1CN01XzeqNu2CYBRz7oZUH_!!751308485.png',
|
targetUrl: '/pages/index/ability/index',
|
}
|
],
|
goodsList: [],
|
showTime: undefined,
|
nowTurn: 9,
|
turnList: [9, 12, 15, 17, 20],
|
currentGoodsPage: 1,
|
scrollInto: '',
|
scrollTop: 0,
|
old: {
|
scrollTop: 0
|
},
|
hotSellList: [],
|
madbuyList: [],
|
baseUrl: '',
|
}
|
},
|
// mounted() {
|
// this.GetRecommendGoodsList(1)
|
// this.GetSuperCategory()
|
// },
|
onShareAppMessage: function() {
|
return {
|
title: '淘券获取',
|
path: '/pages/index/index',
|
// promise
|
}
|
},
|
onShareTimeline() {
|
return {
|
title: '淘券获取',
|
query: '/pages/index/index',
|
}
|
},
|
onLoad() {
|
this.baseUrl = uni.getStorageSync('baseUrl');
|
this.GetRecommendGoodsList(1)
|
this.GetSuperCategory()
|
this.GetRankingGoodsList()
|
this.GetExplosiveGoodsList()
|
////////////////限时抢购
|
// let now = new Date()
|
// let curH = now.getHours()
|
// let setH = 9
|
// let index = this.turnList.findIndex(item => {
|
// return item > curH
|
// })
|
// setH = this.turnList[index]
|
// this.nowTurn = setH
|
// now = now.setHours(setH, 0, 0, 0)
|
// now = (Date.parse(new Date(now))) / 1000
|
// this.countDown(now)
|
// this.timer = setInterval(() => {
|
// //调用定义的事件，进行倒计时操作，传入需要结束的时间戳
|
// this.countDown(now)
|
// }, 1000)
|
|
},
|
watch: {
|
TabCur: {
|
handler() {
|
// debugger
|
this.goTop()
|
uni.pageScrollTo({
|
scrollTop: 0,
|
})
|
}
|
}
|
},
|
methods: {
|
GetExplosiveGoodsList() {
|
// debugger
|
let me = this
|
me.requestx({
|
url: '/TkProduct/GetExplosiveGoodsList',
|
method: 'POST',
|
data: {
|
pageNo: 1,
|
pageSize: 2,
|
hasCoupon: true,
|
},
|
}).then((res) => {
|
// debugger
|
if (res.success) {
|
me.madbuyList = res.result
|
}
|
|
})
|
|
|
},
|
GetRankingGoodsList() {
|
// debugger
|
let me = this
|
me.requestx({
|
url: '/TkProduct/GetRankingGoodsList',
|
method: 'POST',
|
data: {
|
pageNo: 1,
|
pageSize: 2,
|
hasCoupon: true,
|
},
|
}).then((res) => {
|
// debugger
|
if (res.success) {
|
me.hotSellList = res.result
|
}
|
|
})
|
|
},
|
getgoodlist(cur, cid) {
|
// debugger
|
let me = this
|
|
if (cur !== 1 && cur == me.currentGoodsPage) {
|
return;
|
}
|
me.currentGoodsPage = cur
|
me.requestx({
|
url: '/TkProduct/GetCategoryProductList',
|
method: 'POST',
|
data: {
|
pageNo: cur,
|
pageSize: 20,
|
cid: cid,
|
},
|
}).then((res) => {
|
// debugger
|
if (res.success) {
|
if (cur === 1) {
|
me.goodsList = res.result
|
// me.currentGoodsPage = cur
|
me.loadingMore = true
|
// me.goTop()
|
} else {
|
let data = me.goodsList
|
me.goodsList = data.concat(res.result)
|
// me.currentGoodsPage = cur
|
me.loadingMore = true
|
}
|
}
|
|
})
|
|
},
|
GetSuperCategory() {
|
// debugger
|
let me = this
|
me.requestx({
|
url: '/TkProduct/GetSuperCategory',
|
method: 'POST',
|
|
}).then((res) => {
|
// debugger
|
if (res.success) {
|
me.lists = me.lists.concat(res.result)
|
}
|
|
})
|
|
},
|
GetRecommendGoodsList(cur) {
|
let me = this
|
if (cur !== 1 && cur == me.currentGoodsPage) {
|
return;
|
}
|
me.currentGoodsPage = cur
|
me.requestx({
|
url: '/TkProduct/GetRecommendGoodsList',
|
method: 'POST',
|
data: {
|
pageNo: cur,
|
pageSize: 20,
|
hasCoupon: true,
|
},
|
}).then((res) => {
|
// debugger
|
if (res.success) {
|
if (cur === 1) {
|
me.goodsList = res.result
|
me.currentGoodsPage = cur
|
me.loadingMore = true
|
// me.goTop()
|
} else {
|
let data = me.goodsList
|
me.goodsList = data.concat(res.result)
|
me.currentGoodsPage = cur
|
me.loadingMore = true
|
}
|
}
|
|
})
|
},
|
TabClick(id) {
|
// debugger
|
// this.goTop()
|
|
if (this.TabCur == id) {
|
return
|
}
|
this.goodsList = []
|
this.currentGoodsPage = 1
|
for (let i = 0; i < this.lists.length; ++i) {
|
if (id === this.lists[i].cid) {
|
this.lists[i].isopen = true;
|
this.TabCur = this.lists[i].cid
|
this.Cur = i
|
this.scrollInto = this.lists[i].cid
|
uni.pageScrollTo({
|
scrollTop: 0,
|
})
|
if (i == 0) {
|
this.GetRecommendGoodsList(1)
|
} else {
|
this.getgoodlist(1, this.lists[i].cid)
|
}
|
|
} else {
|
this.lists[i].isopen = false;
|
}
|
}
|
},
|
scroll: function(e) {
|
// console.log(e)
|
this.old.scrollTop = e.detail.scrollTop
|
// this.scrollTop=e.detail.scrollTop
|
},
|
goTop: function(e) {
|
// this.scrollTop = 0
|
// this.old.scrollTop =0
|
// 解决view层不同步的问题
|
// debugger
|
let me = this
|
me.scrollTop = me.old.scrollTop
|
// me.old.scrollTop =0
|
me.$nextTick(function() {
|
me.scrollTop = 0
|
me.old.scrollTop = 0
|
});
|
},
|
loadMore() {
|
// debugger
|
// if (this.old.scrollTop == 0) {
|
// return;
|
// }
|
this.loadingMore = false
|
if (this.Cur == 0) {
|
this.GetRecommendGoodsList(this.currentGoodsPage + 1)
|
} else {
|
this.getgoodlist(this.currentGoodsPage + 1, this.lists[this.Cur].cid)
|
}
|
|
|
},
|
|
switchTab(e) {
|
// debugger
|
if (this.Cur == e.target.current) {
|
return
|
}
|
this.goodsList = []
|
let cur = e.target.current
|
for (let i = 0; i < this.lists.length; ++i) {
|
if (cur === i) {
|
this.lists[i].isopen = true;
|
this.TabCur = this.lists[i].cid
|
this.Cur = i
|
this.scrollInto = this.lists[i].cid
|
// this.goTop()
|
if (i == 0) {
|
this.GetRecommendGoodsList(1)
|
} else {
|
this.getgoodlist(1, this.lists[i].cid)
|
}
|
|
} else {
|
this.lists[i].isopen = false;
|
}
|
}
|
},
|
gotoDetail(info) {
|
// debugger
|
if (info.id == 8) {
|
uni.switchTab({
|
url: '/pages/rankingList/index'
|
})
|
} else {
|
uni.navigateTo({
|
url: info.targetUrl + '?id=' + info.id + '&title=' + info.title
|
})
|
}
|
|
},
|
gotoPage(keyWords) {
|
// debugger
|
uni.navigateTo({
|
url: '/pages/index/search/index?keyWords=' + keyWords
|
})
|
},
|
gotogoodDetail(type, id) {
|
//商品详情
|
if (type == 1) {
|
uni.navigateTo({
|
url: '/pages/goodDetail/index?id=' + id
|
})
|
} else if (type == 2) {
|
uni.switchTab({
|
url: '/pages/rankingList/index'
|
})
|
} else if (type == 3) {
|
uni.navigateTo({
|
url: '/pages/madBuy/index?id=' + id
|
})
|
} else if (type == 4) {
|
uni.navigateTo({
|
url: '/pages/index/search/index'
|
})
|
}
|
|
},
|
countDown(endtime) {
|
//判断倒计时是否为0，如果为零即可清楚计时器
|
// debugger
|
let d = this.timeHMS(endtime)
|
if (d == '00:00:00') {
|
clearInterval(this.timer)
|
}
|
this.showTime = d;
|
}
|
|
|
}
|
}
|
</script>
|
|
<style>
|
.navbarstyle {
|
/* display: flex; */
|
/* justify-content: space-evenly; */
|
/* flex-direction: row; */
|
/* color: #4169e1; */
|
font-size: 14px;
|
background-color: rgb(247, 247, 247);
|
border-radius: 20px 20px 0 0;
|
width: 100%;
|
height: 97rpx;
|
/* flex-direction: row; */
|
white-space: nowrap;
|
}
|
|
.textlight {
|
/* color: palevioletred; */
|
border-bottom: 2px solid palevioletred;
|
font-weight: 600;
|
padding: 14px 6px 6px 6px;
|
}
|
|
.textan {
|
padding: 14px 6px 6px 6px;
|
}
|
|
.secondBanner {
|
padding: 6px;
|
}
|
|
.swiperall {
|
height: calc(100vh - 156rpx);
|
background-color: rgb(247, 247, 247);
|
/* flex: 1; */
|
}
|
|
.swiper-item {
|
/* flex: 1; */
|
/* flex-direction: row; */
|
height: 90vh;
|
overflow: auto;
|
}
|
|
.title {
|
width: 60px;
|
font-size: 12px;
|
text-align: center;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
line-height: 20px;
|
}
|
|
.topCard {
|
display: flex;
|
justify-content: space-between;
|
padding: 12px 0;
|
}
|
|
.firstLine {
|
display: flex;
|
justify-content: space-between;
|
width: 100%;
|
/* height: 20rpx; */
|
font-size: 24rpx;
|
}
|
|
.firstLine_img {
|
background-color: rgb(255, 235, 228);
|
border-radius: 12px 0 0 12px;
|
padding-left: 24rpx;
|
padding-right: 24rpx;
|
color: #ce4436;
|
font-size: 24rpx;
|
display: flex;
|
height: 36rpx;
|
}
|
|
.firstLine_img2 {
|
font-size: 24rpx;
|
background-color: #fff4e6;
|
padding-left: 16rpx;
|
border-radius: 16rpx 0 0 16rpx;
|
height: 36rpx;
|
}
|
|
.secondLine {
|
display: flex;
|
position: relative;
|
justify-content: space-between;
|
margin-top: 6rpx;
|
}
|
|
.top1 {
|
position: absolute;
|
top: 0;
|
background-color: rgb(251, 144, 42);
|
width: 36rpx;
|
height: 36rpx;
|
font-size: 24rpx;
|
padding-left: 16rpx;
|
border-radius: 22rpx 0;
|
color: #FFF;
|
}
|
|
.top2 {
|
position: absolute;
|
top: 0;
|
background-color: rgb(185, 200, 206);
|
width: 36rpx;
|
height: 36rpx;
|
font-size: 24rpx;
|
padding-left: 16rpx;
|
border-radius: 22rpx 0;
|
color: #FFF;
|
}
|
|
.secondLine_btn1 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: rgb(251, 144, 42);
|
color: #FFF;
|
border-radius: 12rpx;
|
}
|
|
.secondLine_btn2 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: rgb(185, 200, 206);
|
color: #FFF;
|
border-radius: 12rpx;
|
}
|
|
.secondLine_btn3 {
|
font-size: 22rpx;
|
text-align: center;
|
background-color: white;
|
color: rgb(251, 144, 42);
|
border-radius: 12rpx;
|
box-shadow: 0 0.02rem 0.06rem 0 rgb(244 92 0 / 14%);
|
}
|
|
.price {
|
color: #f43f07;
|
text-align: center;
|
font-weight: bold;
|
}
|
|
.topSignalCard {
|
|
/* display: flex; */
|
/* flex-direction: row; */
|
/* justify-content: space-between; */
|
padding: 4px 6px 0 6px;
|
margin: 0 0 0 12px;
|
width: 100%;
|
height: 280rpx;
|
background-color: #FFF;
|
}
|
|
.speendItem {
|
width: 20%;
|
padding: 0 5px;
|
box-sizing: border-box;
|
height: 86px;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
}
|
|
.speed {
|
font-size: 12px;
|
margin-top: 16rpx;
|
padding-left: 5px;
|
padding-right: 5px;
|
padding-bottom: 17px;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
height: auto;
|
}
|
|
.indexContent {
|
z-index: 48;
|
flex: 1;
|
height: 100%;
|
overflow: auto;
|
background: #f5f5f5;
|
}
|
|
.indexBody {
|
box-sizing: border-box;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
overflow: hidden;
|
position: relative;
|
/* padding-bottom: 20px; */
|
}
|
|
.mainWrap {
|
font-size: 0;
|
height: 46px;
|
width: 100%;
|
position: relative;
|
display: flex;
|
flex-direction: row;
|
padding-left: 13px;
|
padding-right: 13px;
|
align-items: center;
|
box-sizing: border-box;
|
align-items: center;
|
border-bottom: 1px solid #e7e7e7;
|
}
|
|
.iconLogo {
|
display: flex;
|
width: 114px;
|
height: 43px;
|
margin-right: 9px;
|
}
|
|
.search {
|
height: 44rpx;
|
padding: 10rpx 25rpx;
|
line-height: 50rpx;
|
font-size: 28rpx;
|
background: #FFF;
|
flex: 1;
|
border-radius: 20px;
|
display: flex;
|
color: gray;
|
}
|
|
.right-icon {
|
width: 48px;
|
height: 32px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
position: relative;
|
}
|
|
.login-t {
|
font-size: 13px;
|
color: #fff;
|
}
|
|
.swiper {
|
height: 220px;
|
background-color: #f5f5f5;
|
}
|
|
.messageplat {
|
height: 16px;
|
padding: 12px 0 0 12px;
|
}
|
|
.hotMessage {
|
color: white;
|
background-color: #ce4436;
|
width: 26px;
|
border-radius: 12px;
|
font-size: 12px;
|
padding: 0 6px;
|
}
|
|
.goodCards {
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
background-color: #f5f5f5;
|
padding-bottom: 20px;
|
/* column-count: 2;
|
column-gap: 2px; */
|
}
|
|
.card {
|
display: flex;
|
flex-direction: column;
|
width: 50%;
|
/* background-color: white; */
|
}
|
|
.cardImg {
|
padding: 12px 0 0 12px;
|
height: 196px;
|
}
|
|
.cardTitle {
|
/* background-color: white; */
|
/* margin-left: 12px; */
|
font-size: 14px;
|
overflow: hidden;
|
padding-left: 4px;
|
/* text-overflow: ellipsis; */
|
/* white-space: nowrap; */
|
/* overflow: hidden; */
|
height: 38px;
|
/* display: flex; */
|
}
|
|
.cardTitleTB:before {
|
content: '';
|
background-image: url('https://img.alicdn.com/imgextra/i4/751308485/O1CN01ppfg8j2CYBRpPtb51_!!751308485.png');
|
width: 16px;
|
height: 16px;
|
}
|
|
.cardTitleTM:before {
|
content: '';
|
background-image: url('https://img.alicdn.com/imgextra/i4/751308485/O1CN01mKVp3U2CYBRzeHVcG_!!751308485.png');
|
width: 16px;
|
height: 16px;
|
}
|
|
.cardDetail {
|
background-color: white;
|
margin-left: 12px;
|
font-size: 30rpx;
|
color: #eb0000;
|
padding-left: 12rpx;
|
}
|
|
.cardCount {
|
color: gray;
|
background-color: white;
|
margin-left: 12px;
|
font-size: 24rpx;
|
padding-left: 12rpx;
|
}
|
|
.loading-more {
|
align-items: center;
|
justify-content: center;
|
padding-top: 10px;
|
padding-bottom: 10px;
|
text-align: center;
|
}
|
|
.loading-more-text {
|
font-size: 28rpx;
|
color: #999;
|
}
|
|
.scroll-v {
|
height: 90vh;
|
flex: 1;
|
/* #ifndef MP-ALIPAY
|
flex-direction: column;
|
/* #endif */
|
width: 100%;
|
}
|
|
.topcard_coupon {
|
background: rgb(238, 51, 53);
|
padding: 6rpx 12rpx 6rpx 6rpx;
|
/* width: 130rpx; */
|
color: white;
|
border-radius: 8rpx;
|
font-size: 22rpx;
|
display: inline-block;
|
}
|
|
.flex-sub {
|
/* #ifndef APP-PLUS */
|
display: inline-block;
|
/* #endif */
|
flex-wrap: nowrap;
|
padding-left: 12rpx;
|
padding-right: 12rpx;
|
/* margin: 0 24rpx; */
|
}
|
|
.numCircle {
|
background-color: rgb(221, 90, 98);
|
padding: 0 6px;
|
border-radius: 50%;
|
}
|
</style>
|
