|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="shop-index iPhone-bottom flex-common-css box-border-box">
|
|
<view class="shop-index iPhone-bottom flex-common-css box-border-box">
|
|
|
<image class="bg-img" :src="shopsInfo.shop_logo" mode="aspectFill"></image>
|
|
<image class="bg-img" :src="shopsInfo.shop_logo" mode="aspectFill"></image>
|
|
|
-
|
|
|
|
|
|
|
+ <view class="mb-box"></view>
|
|
|
<view class="nav-box">
|
|
<view class="nav-box">
|
|
|
<Nav :leftShow='false' :customNav='true' bgckgroundBox='transparent'>
|
|
<Nav :leftShow='false' :customNav='true' bgckgroundBox='transparent'>
|
|
|
<template>
|
|
<template>
|
|
@@ -15,7 +15,7 @@
|
|
|
|
|
|
|
|
<view class="head-box bgc-f box-border-box plr-24" :style="{height:domHeigjt + 'rpx'}">
|
|
<view class="head-box bgc-f box-border-box plr-24" :style="{height:domHeigjt + 'rpx'}">
|
|
|
<view id="shopInfoBox" class="shop-info-box bgc-f box-border-box p-24">
|
|
<view id="shopInfoBox" class="shop-info-box bgc-f box-border-box p-24">
|
|
|
- <view class="info-box-top flex-justify-space">
|
|
|
|
|
|
|
+ <view class="info-box-top flex-justify-space mb-10">
|
|
|
<view class="box-top-left">
|
|
<view class="box-top-left">
|
|
|
<view class="top-left-1 fs-40 fw-600 text-overflow-ellipsis-one">{{shopsInfo.shop_name}}
|
|
<view class="top-left-1 fs-40 fw-600 text-overflow-ellipsis-one">{{shopsInfo.shop_name}}
|
|
|
</view>
|
|
</view>
|
|
@@ -28,10 +28,10 @@
|
|
|
</view>
|
|
</view>
|
|
|
<image class="box-top-right" :src="shopsInfo.shop_logo" mode="scaleToFill"></image>
|
|
<image class="box-top-right" :src="shopsInfo.shop_logo" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="fs-24 fw-400 fc-9 mb-20 text-overflow-ellipsis-one">
|
|
|
|
|
|
|
+ <view class="fs-24 fw-400 fc-9 text-overflow-ellipsis-one">
|
|
|
公告:{{shopsInfo.notice}}
|
|
公告:{{shopsInfo.notice}}
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="flex-wrap-wrap" v-if="couponData.length>0">
|
|
|
|
|
|
|
+ <view class="flex-wrap-wrap p-t-20" v-if="couponData.length>0">
|
|
|
<view class="info-box-quan-list" v-for="(item,i) in couponData" :key="i" @click="openCoupon">
|
|
<view class="info-box-quan-list" v-for="(item,i) in couponData" :key="i" @click="openCoupon">
|
|
|
<view class="" v-if="i<=2">
|
|
<view class="" v-if="i<=2">
|
|
|
<image src="@/static/img/takeout/quan-bg.png" mode=""></image>
|
|
<image src="@/static/img/takeout/quan-bg.png" mode=""></image>
|
|
@@ -47,7 +47,7 @@
|
|
|
|
|
|
|
|
<view class="head-box-1 bgc-f box-border-box plr-24">
|
|
<view class="head-box-1 bgc-f box-border-box plr-24">
|
|
|
<view class="align-items-center shop-type-list">
|
|
<view class="align-items-center shop-type-list">
|
|
|
- <view class="shop-item fs-32" @click="seletShopType(item)"
|
|
|
|
|
|
|
+ <view class="shop-item fs-36" @click="seletShopType(item)"
|
|
|
:class="shopType === item.id?'s-item':'n-item'" v-for="(item,i) in shopTypeList" :key="i">
|
|
:class="shopType === item.id?'s-item':'n-item'" v-for="(item,i) in shopTypeList" :key="i">
|
|
|
{{item.name}}
|
|
{{item.name}}
|
|
|
<!-- <view v-if="item.id == 2" class="pj-num" :class="shopType === item.id?'s-item':'n-item'">999+</view> -->
|
|
<!-- <view v-if="item.id == 2" class="pj-num" :class="shopType === item.id?'s-item':'n-item'">999+</view> -->
|
|
@@ -318,7 +318,7 @@
|
|
|
this.couponData = res.data
|
|
this.couponData = res.data
|
|
|
}else {
|
|
}else {
|
|
|
this.domHeigjt = 156
|
|
this.domHeigjt = 156
|
|
|
- console.log(this.domHeigjt, '1111111111111111111');
|
|
|
|
|
|
|
+ // console.log(this.domHeigjt, '1111111111111111111');
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
@@ -446,6 +446,15 @@
|
|
|
height: 280rpx;
|
|
height: 280rpx;
|
|
|
z-index: -1;
|
|
z-index: -1;
|
|
|
}
|
|
}
|
|
|
|
|
+ .mb-box{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 280rpx;
|
|
|
|
|
+ z-index: -1;
|
|
|
|
|
+ background: rgba(51, 51, 51, 0.50);
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.nav-box {
|
|
.nav-box {
|
|
|
margin-bottom: 110rpx;
|
|
margin-bottom: 110rpx;
|
|
@@ -606,7 +615,7 @@
|
|
|
|
|
|
|
|
.n-item {
|
|
.n-item {
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: #666;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|