@ -18,7 +18,8 @@
< swiper class = "swiper" circular :indicator-dots ="indicatorDots" :autoplay ="autoplay"
: interval = "interval" : duration = "duration" >
< swiper -item >
< img src = "https://jewel-shop.oss-cn-beijing.aliyuncs.com/1d1edcc3e39c4a7cafeb64cf3209ed5e.png" alt = "" / >
< img src = "https://jewel-shop.oss-cn-beijing.aliyuncs.com/1d1edcc3e39c4a7cafeb64cf3209ed5e.png"
alt = "" / >
< / s w i p e r - i t e m >
< / swiper >
< / view >
@ -36,12 +37,12 @@
< / view >
< view class = "title-sort" >
< view class = "sort-member" >
< view class = "sort-text" @tap ="searchShop('all','')" >
< view class = "sort-text" @tap ="searchShop('all','')" >
综合排序 < text style = "font-size: 20rpx;" > ▼ < / text >
< / view >
< / view >
< view class = "sort-member" >
< view class = "sort-text" @tap ="searchShop('sale','')" >
< view class = "sort-text" @tap ="searchShop('sale','')" >
销量优先 < text style = "font-size: 20rpx;" > ▼ < / text >
< / view >
< / view >
@ -55,17 +56,23 @@
区域选择 < text style = "font-size: 20rpx;" > ▼ < / text >
< / view >
< view class = "sort-value" v-if ="isArea" >
< view class = "sort-value1" v-for ="(item,index) in shopArea" :key="index" @tap="searchShop('area',item.id)" > {{ item.title }} < / view >
< view class = "sort-value1" v -for = " ( item , index ) in shopArea " :key ="index"
@ tap = "searchShop('area',item.id)" > { { item . title } } < / view >
< / view >
< / view >
< / view >
< / view >
< view class = "shop-list" >
< view class = "shop-member" v-for ="(item,index) in shopList" :key="index" @tap="goDetail('shop',item)" >
< view class = "shop-member" v-for ="(item,index) in shopList" :key="index" @tap="goDetail('shop',item)" >
< view @tap.stop ="buyingye" v -if = " item.shopTakeaway.status ! = 0 "
style = "width: 100%;height:100%;position: absolute;top: 0;background: rgba(0, 0, 0, 0.4);z-index: 999;border-radius: 10px;" >
< / view >
< view class = "shop-top" >
< view class = "shop-img" >
< img :src ="item.shopIcon" alt = "" >
< img src = "https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png" alt = "" style = "width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" / >
< img src = "https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png"
alt = ""
style = "width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" / >
< / view >
< view class = "shop-content" >
< view class = "shop-name" >
@ -75,29 +82,34 @@
< view class = "shop-rate" >
< view class = "shop-rate-num" > { { item . shopScore } } < / view >
< view style = "padding-top: 4rpx;" >
< uni -rate :disabled ="true" size = "16" disabledColor = "rgba(255, 184, 84, 1)" :value ="item.shopScore" / >
< uni -rate :disabled ="true" size = "16" disabledColor = "rgba(255, 184, 84, 1)"
: value = "item.shopScore" / >
< / view >
< / view >
< view class = "shop-tag" >
< text style = "padding: 4rpx 10rpx;background: rgba(223, 255, 176, 1);color: #777;border-radius: 6rpx;" >
< text
style = "padding: 4rpx 10rpx;background: rgba(223, 255, 176, 1);color: #777;border-radius: 6rpx;" >
{ { item . shopTypeTitle == undefined ? '美食' : item . shopTypeTitle } }
< / text >
< / view >
< / view >
< view class = "shop-content-bottom" >
< view class = "shop-deal" >
< text v -if = " item.subtitle ! = null " style = "padding: 4rpx 10rpx;background: rgba(223, 255, 176, 1);color: #777;border-radius: 6rpx;" >
< text v -if = " item.subtitle ! = null "
style = "padding: 4rpx 10rpx;background: rgba(223, 255, 176, 1);color: #777;border-radius: 6rpx;" >
{ { item . subtitle } }
< / text >
< / view >
< view class = "shop-deal1" >
已拼 < text style = "color: red;font-weight: 700;" > { { item . saleCount != null ? item . saleCount : 0 } } < / text > 单
已拼 < text style = "color: red;font-weight: 700;" >
{ { item . saleCount != null ? item . saleCount : 0 } } < / text > 单
< / view >
< / view >
< / view >
< / view >
< view class = "shop-bottom" v-if ="item.products != null && item.products.length > 0" >
< view class = "menu-member" v -if = ' item1.isPush = = 1 & & item1.delFlag = = 1 ' v-for ="(item1,index1) in item.products" :key="index1" @tap="goDetail('product',item1)" >
< view class = "menu-member" v -if = ' item1.isPush = = 1 & & item1.delFlag = = 1 '
v - for = "(item1,index1) in item.products" : key = "index1" @ tap = "goDetail('product',item1)" >
< view class = "menu-img" >
< img :src ="item1.productPicture" alt = "" >
< / view >
@ -109,7 +121,8 @@
¥ { { item1 . attributeListPrice | sliceMsg } }
< / view >
< view class = "shop-menu-purchase" >
拼团 < text style = "color: red;font-size: 24rpx;padding-left: 10rpx;" > ¥ { { item1 . productGroupBuyPrices | slicePrice } } < / text >
拼团 < text
style = "color: red;font-size: 24rpx;padding-left: 10rpx;" > ¥ { { item1 . productGroupBuyPrices | slicePrice } } < / text >
< / view >
< / view >
< / view >
@ -139,89 +152,89 @@
data ( ) {
return {
loadStatus : 'more' ,
isArea : false ,
isArea : false ,
indicatorDots : false ,
autoplay : true ,
interval : 4000 ,
duration : 1000 ,
searchScore : false ,
searchSale : false ,
shopArea : [ ] ,
totalPages : 1 ,
searchForm : {
regionId : JSON . parse ( uni . getStorageSync ( 'area' ) ) . id ,
shopType : '' ,
shopArea : '' ,
shopArea : [ ] ,
totalPages : 1 ,
searchForm : {
regionId : JSON . parse ( uni . getStorageSync ( 'area' ) ) . id ,
shopType : '' ,
shopArea : '' ,
pageNumber : 1 ,
keyWord : '' ,
keyWord : '' ,
pageSize : '10' ,
sort : "shoprank" ,
order : "desc" ,
sortOrder : 'shoprank' ,
orderOrder : 'desc' ,
sortScore : '' ,
orderScore : '' ,
sortSale : '' ,
orderSale : ''
sortOrder : 'shoprank' ,
orderOrder : 'desc' ,
sortScore : '' ,
orderScore : '' ,
sortSale : '' ,
orderSale : ''
} ,
shopList : [ ] ,
menuBtn : [ {
name : '美食' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/d6b53eb217644e74bbf957ff7462c27b.png' ,
index : 1
} , {
name : '甜点饮品' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/b43aea98962b402f900eca84b2c171ae.png' ,
index : 2
} , {
name : '超市便利' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/e082a4c10b9a47f0bdb588fb91bc9afb.png' ,
index : 3
} , {
name : '蔬菜水果' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/e6adc80518c24c488522ab19f036af27.png' ,
index : 4
} , {
name : '看病买药' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/766761af471a4f9f90e9a137f9c4f701.png' ,
index : 5
shopList : [ ] ,
menuBtn : [ {
name : '美食' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/d6b53eb217644e74bbf957ff7462c27b.png' ,
index : 1
} , {
name : '甜点饮品' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/b43aea98962b402f900eca84b2c171ae.png' ,
index : 2
} , {
name : '超市便利' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/e082a4c10b9a47f0bdb588fb91bc9afb.png' ,
index : 3
} , {
name : '蔬菜水果' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/e6adc80518c24c488522ab19f036af27.png' ,
index : 4
} , {
name : '看病买药' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/766761af471a4f9f90e9a137f9c4f701.png' ,
index : 5
} ] ,
menuBtn1 : [ {
name : '米粉面馆' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/8d2f7ffb67a4477ebe663f562b3bd018.png' ,
index : 6
} , {
name : '早点' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/5e4fa14df92942eeb62254c8eb82f122.png' ,
index : 7
} , {
name : '快餐' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/05d2286ac1be4ae784858409889690d5.png' ,
index : 8
} , {
name : '麻辣烫冒菜' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/0ac5e0095a5d4097b338ec450df8d3dd.png' ,
index : 9
} , {
name : '汉堡披萨' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/14b93d4bce134b3db4b42b13b6993e6c.png' ,
index : 10
menuBtn1 : [ {
name : '米粉面馆' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/8d2f7ffb67a4477ebe663f562b3bd018.png' ,
index : 6
} , {
name : '早点' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/5e4fa14df92942eeb62254c8eb82f122.png' ,
index : 7
} , {
name : '快餐' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/05d2286ac1be4ae784858409889690d5.png' ,
index : 8
} , {
name : '麻辣烫冒菜' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/0ac5e0095a5d4097b338ec450df8d3dd.png' ,
index : 9
} , {
name : '汉堡披萨' ,
value : '' ,
url : 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/14b93d4bce134b3db4b42b13b6993e6c.png' ,
index : 10
} ] ,
menuButtonInfo : { } ,
onlineWorkerTotal : 0 ,
onlineWorkerAreaList : [ ] ,
onlineWorkerInterval : 2500 ,
onlineWorkerDuration : 500
menuButtonInfo : { } ,
onlineWorkerTotal : 0 ,
onlineWorkerAreaList : [ ] ,
onlineWorkerInterval : 2500 ,
onlineWorkerDuration : 500
}
} ,
components : {
@ -238,12 +251,12 @@
}
return name ;
} ,
slicePrice ( val ) {
slicePrice ( val ) {
let begin = ''
if ( val != null ) {
if ( val != null ) {
begin = val [ 0 ] . groupPrice
for ( let i = 0 ; i < val . length ; i ++ ) {
if ( val [ i ] . groupPrice < begin ) {
for ( let i = 0 ; i < val . length ; i ++ ) {
if ( val [ i ] . groupPrice < begin ) {
begin = val [ i ] . groupPrice
}
}
@ -254,7 +267,7 @@
onReachBottom ( ) {
if ( this . searchForm . pageNumber >= this . totalPages ) return ;
/ / t h i s . s t a t u s = ' l o a d i n g ' ;
this . searchForm . pageNumber ++ ;
this . searchForm . pageNumber ++ ;
this . getShopList ( ) ;
} ,
@ -272,19 +285,19 @@
/ / } )
} ,
methods : {
searchShop ( type , value ) {
searchShop ( type , value ) {
this . searchForm . pageNumber = 1
if ( type == 'area' ) {
if ( type == 'area' ) {
this . searchForm . shopArea = value
} else if ( type == 'score' ) {
} else if ( type == 'score' ) {
this . searchScore = ! this . searchScore
this . searchSale = false
this . searchForm . sort = 'shopScore'
} else if ( type == 'sale' ) {
} else if ( type == 'sale' ) {
this . searchSale = ! this . searchSale
this . searchScore = false
this . searchForm . sort = 'saleCount'
} else if ( type == 'all' ) {
} else if ( type == 'all' ) {
this . searchForm . sortOrder = 'shoprank'
this . searchForm . orderOrder = 'desc'
this . searchForm . shopArea = ''
@ -292,27 +305,33 @@
this . searchScore = false
this . searchScore = false
this . searchSale = false
} else if ( type == 'typeUp' ) {
} else if ( type == 'typeUp' ) {
/ / T O D O 跳 转 新 页 面
}
this . getShopList ( ) ;
} ,
getEatType ( ) {
buyingye ( ) {
uni . showToast ( {
title : '店铺不在营业时间!' ,
icon : 'none'
} ) ;
} ,
getEatType ( ) {
let that = this
that . tui . request ( "/dictData/getByCondition" , "GET" , {
sort : 'sortOrder' ,
order : 'asc' ,
dictId : '1712359407444168704'
sort : 'sortOrder' ,
order : 'asc' ,
dictId : '1712359407444168704'
} , false , true ) . then ( ( res ) => {
if ( res . code == 200 ) {
for ( let i = 0 ; i < res .result.content.length ; i + + ) {
for ( let m = 0 ; m < this .menuBtn.length ; m + + ) {
if ( this . menuBtn [ m ] . name == res . result . content [ i ] . title ) {
for ( let i = 0 ; i < res . result . content . length ; i ++ ) {
for ( let m = 0 ; m < this . menuBtn . length ; m ++ ) {
if ( this . menuBtn [ m ] . name == res . result . content [ i ] . title ) {
this . menuBtn [ m ] . value = res . result . content [ i ] . value
}
}
for ( let m = 0 ; m < this .menuBtn1.length ; m + + ) {
if ( this . menuBtn1 [ m ] . name == res . result . content [ i ] . title ) {
for ( let m = 0 ; m < this . menuBtn1 . length ; m ++ ) {
if ( this . menuBtn1 [ m ] . name == res . result . content [ i ] . title ) {
this . menuBtn1 [ m ] . value = res . result . content [ i ] . value
}
}
@ -323,13 +342,14 @@
}
} ) . catch ( ( res ) => { } )
} ,
getShopArea ( ) {
getShopArea ( ) {
let that = this
that . tui . request ( "/app/shopArea/getByParentId/" + JSON . parse ( uni . getStorageSync ( 'area' ) ) . id , "GET" , { } , false , true ) . then ( ( res ) => {
that . tui . request ( "/app/shopArea/getByParentId/" + JSON . parse ( uni . getStorageSync ( 'area' ) ) . id , "GET" , { } ,
false , true ) . then ( ( res ) => {
if ( res . code == 200 ) {
if ( res . result != null ) {
for ( let m = 0 ; m < res .result.length ; m + + ) {
if ( res . result [ m ] . isCanteen == 1 ) {
if ( res . result != null ) {
for ( let m = 0 ; m < res . result . length ; m ++ ) {
if ( res . result [ m ] . isCanteen == 1 ) {
that . shopArea . push ( res . result [ m ] )
}
}
@ -340,9 +360,11 @@
}
} ) . catch ( ( res ) => { } )
} ,
getOnlineWorkerCountByCanteenArea ( ) {
getOnlineWorkerCountByCanteenArea ( ) {
let that = this
that . tui . request ( "/worker/getOnlineWorkerByArea" , "GET" , { parentId : JSON . parse ( uni . getStorageSync ( 'area' ) ) . id } , false , true ) . then ( ( res ) => {
that . tui . request ( "/worker/getOnlineWorkerByArea" , "GET" , {
parentId : JSON . parse ( uni . getStorageSync ( 'area' ) ) . id
} , false , true ) . then ( ( res ) => {
if ( res . code == 200 ) {
const list = Array . isArray ( res . result ) ? res . result : [ ]
that . onlineWorkerAreaList = list
@ -353,20 +375,20 @@
}
} ) . catch ( ( ) => { } )
} ,
getShopList ( ) {
getShopList ( ) {
this . loadStatus = 'loading'
if ( this . searchSale ) {
if ( this . searchSale ) {
this . searchForm . sortSale = 'saleCount'
this . searchForm . orderSale = 'desc'
this . searchForm . sortOrder = ''
} else {
} else {
this . searchForm . sortSale = ''
}
if ( this . searchScore ) {
if ( this . searchScore ) {
this . searchForm . sortScore = 'shopScore'
this . searchForm . orderScore = 'desc'
this . searchForm . sortOrder = ''
} else {
} else {
this . searchForm . sortScore = ''
}
let that = this
@ -378,6 +400,7 @@
} else {
that . shopList = [ ... that . shopList , ... res . result . content ]
}
this . judgeBusinessStatus ( )
that . totalPages = res . result . totalPages
that . isArea = false
that . $forceUpdate ( )
@ -388,31 +411,60 @@
uni . hideLoading ( )
} ) . catch ( ( res ) => { } )
} ,
goDetail ( type , item ) {
if ( type == 'shop' ) {
judgeBusinessStatus ( ) {
for ( let i = 0 ; i < this . shopList . length ; i ++ ) {
if ( this . shopList [ i ] . shopTakeaway != '' ) {
if ( this . shopList [ i ] . shopTakeaway . status == 0 ) {
let isEndTime = this . isWithinBusinessHours ( this . shopList [ i ] . shopTakeaway . businessHourBegin , this . shopList [ i ] . shopTakeaway . businessHourEnd )
this . shopList [ i ] . shopTakeaway . status = isEndTime ? 0 : 1
}
}
}
} ,
/ / 判 断 是 否 在 营 业 时 间 内
isWithinBusinessHours ( begin , end ) {
/ / 获 取 当 前 时 间 的 时 和 分
const now = new Date ( ) ;
const currentMinutes = now . getHours ( ) * 60 + now . getMinutes ( ) ;
/ / 解 析 开 始 和 结 束 时 间 ( 格 式 " H H : M M " )
const parseTime = ( timeStr ) => {
const [ hours , minutes ] = timeStr . split ( ':' ) . map ( Number ) ;
return hours * 60 + minutes ;
} ;
const startMinutes = parseTime ( begin ) ;
const endMinutes = parseTime ( end ) ;
/ / 判 断 是 否 在 区 间 内 ( 包 含 端 点 )
return currentMinutes >= startMinutes && currentMinutes <= endMinutes ;
} ,
goDetail ( type , item ) {
if ( type == 'shop' ) {
uni . navigateTo ( {
url : '/package1/group/groupBuySingle?type=shop&item=' + JSON . stringify ( item )
url : '/package1/group/groupBuySingle?type=shop&item=' + JSON . stringify ( item )
} )
} else if ( type == 'search' ) {
if ( item ) {
} else if ( type == 'search' ) {
if ( item ) {
uni . navigateTo ( {
url : '/package1/group/searchGroup?shopType=' + ( item . value || '' )
url : '/package1/group/searchGroup?shopType=' + ( item . value || '' )
} )
} else {
} else {
uni . navigateTo ( {
url : '/package1/group/searchGroup'
url : '/package1/group/searchGroup'
} )
}
} else {
} else {
uni . navigateTo ( {
url : '/package1/group/groupBuySingle?type=product&item=' + JSON . stringify ( item )
url : '/package1/group/groupBuySingle?type=product&item=' + JSON . stringify ( item )
} )
}
} ,
back ( ) {
back ( ) {
uni . navigateBack ( )
} ,
checkArea ( ) {
checkArea ( ) {
this . isArea = ! this . isArea
}
}
@ -435,13 +487,15 @@
font - size : 24 rpx ;
position : relative ;
}
. title {
. title {
background : url ( 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png' ) no - repeat ;
background - size : 100 % 100 % ;
width : 100 % ;
height : auto ;
padding - bottom : 20 rpx ;
}
. swiper {
width : 100 % ;
height : 500 rpx ;
@ -453,6 +507,7 @@
height : 100 % ;
z - index : 99 ! important ;
}
. menu - box {
width : 100 % ;
height : 160 rpx ;
@ -477,29 +532,35 @@
font - weight : 700 ;
margin - top : 15 rpx ;
}
. title - tab {
. title - tab {
width : 95 % ;
margin : 0 auto ;
height : 210 rpx ;
}
. swiper {
. swiper {
width : 100 % ;
height : 210 rpx ;
}
. title - sreach {
. title - sreach {
width : 75 % ;
display : flex ;
height : 200 rpx ;
}
. back - btn {
. back - btn {
padding - top : 110 rpx ;
}
. title - name {
. title - name {
padding - top : 110 rpx ;
font - size : 36 rpx ;
font - weight : 700 ;
}
. title - search {
. title - search {
margin - top : 110 rpx ;
display : flex ;
background : # fff ;
@ -507,17 +568,20 @@
margin - left : 20 rpx ;
border - radius : 54 rpx ;
flex : 1 ;
input {
input {
height : 54 rpx ;
line - height : 54 rpx ;
}
}
. title - sort {
. title - sort {
height : 60 rpx ;
display : flex ;
margin - top : 20 rpx ;
}
. sort - member {
. sort - member {
line - height : 60 rpx ;
text - align : center ;
background : # fff ;
@ -525,7 +589,8 @@
margin - left : 4 % ;
border - radius : 10 rpx ;
}
. sort - value {
. sort - value {
width : 160 rpx ;
height : auto ;
max - height : 300 rpx ;
@ -538,56 +603,68 @@
color : # fff ;
font - size : 22 rpx ;
}
. sort - value1 {
. sort - value1 {
border - bottom : 1 rpx solid # eee ;
}
. shop - list {
. shop - list {
width : 95 % ;
height : auto ;
margin : 0 auto ;
}
. shop - member {
. shop - member {
width : 100 % ;
height : auto ;
border - radius : 20 rpx ;
background : # fff ;
margin - bottom : 20 rpx ;
position : relative ;
}
. shop - img {
. shop - img {
width : 160 rpx ;
height : 160 rpx ;
position : relative ;
img {
img {
width : 100 % ;
background - size : 100 % ;
height : 100 % ;
border - radius : 20 rpx ;
}
}
. shop - top {
. shop - top {
padding : 20 rpx ;
display : flex ;
}
. shop - content {
. shop - content {
flex : 1 ;
padding - left : 20 rpx ;
}
. shop - name {
. shop - name {
font - size : 32 rpx ;
font - weight : 900 ;
}
. shop - content - center {
. shop - content - center {
display : flex ;
margin : 20 rpx 0 ;
}
. shop - rate {
. shop - rate {
background : rgba ( 249 , 212 , 157 , 0.34 ) ;
height : 40 rpx ;
display : flex ;
border - radius : 20 rpx ;
padding : 0 10 rpx 0 0 ;
}
. shop - rate - num {
. shop - rate - num {
width : 50 rpx ;
height : 100 % ;
text - align : center ;
@ -601,18 +678,22 @@
border - top - right - radius : 10 rpx ;
font - weight : 700 ;
}
. shop - tag {
. shop - tag {
flex : 1 ;
line - height : 40 rpx ;
text - align : right ;
}
. shop - content - bottom {
. shop - content - bottom {
display : flex ;
}
. shop - deal {
flex : 1 ;
. shop - deal {
flex : 1 ;
}
. shop - bottom {
. shop - bottom {
border - top : 2 rpx solid # eee ;
width : 100 % ;
overflow - x : scroll ;
@ -621,36 +702,43 @@
overflow - y : hidden ;
padding : 10 rpx 0 20 rpx ;
}
. menu - member {
. menu - member {
width : 140 rpx ;
height : 100 % ;
margin : 10 rpx 0 0 20 rpx ;
}
. menu - img {
. menu - img {
height : 140 rpx ;
width : 140 rpx ;
border - radius : 10 px ;
img {
img {
width : 100 % ;
height : 100 % ;
background - size : 100 % ;
border - radius : 20 rpx ;
}
}
. menu - content {
. menu - content {
font - size : 26 rpx ;
}
. shop - menu - name {
. shop - menu - name {
margin - top : 10 rpx ;
font - weight : 700 ;
overflow : hidden ;
height : 30 rpx ;
}
. shop - menu - price {
. shop - menu - price {
margin - top : 6 rpx ;
font - weight : 700 ;
}
. shop - menu - purchase {
. shop - menu - purchase {
display : flex ;
background : rgba ( 255 , 57 , 57 , 0.1 ) ;
height : 36 rpx ;
@ -662,7 +750,8 @@
color : # 777 ;
font - size : 20 rpx ;
}
. zaixian {
. zaixian {
position : fixed ;
bottom : 40 rpx ;
left : 10 % ;
@ -678,22 +767,26 @@
text - align : center ;
line - height : normal ;
}
. zaixian - total {
. zaixian - total {
font - size : 26 rpx ;
line - height : 76 rpx ;
white - space : nowrap ;
}
. zaixian - divider {
. zaixian - divider {
width : 2 rpx ;
height : 36 rpx ;
background : rgba ( 0 , 35 , 28 , 0.2 ) ;
margin : 0 18 rpx ;
}
. zaixian - swiper {
. zaixian - swiper {
flex : 1 ;
height : 76 rpx ;
}
. zaixian - item {
. zaixian - item {
height : 76 rpx ;
line - height : 76 rpx ;
font - size : 24 rpx ;