增加休息状态,修复评价字体大小
This commit is contained in:
parent
d551c03564
commit
0bcad2ecb1
@ -88,8 +88,11 @@
|
|||||||
item.distance
|
item.distance
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<view class="left">
|
<view :class="['left', {'is-rest': item.store_biz_state ==2}]">
|
||||||
|
|
||||||
<image :src="item.store_logo"></image>
|
<image :src="item.store_logo"></image>
|
||||||
|
<view class="is-rest-bg" v-if="item.store_biz_state ==2"></view>
|
||||||
|
<view class="is-rest-tips" v-if="item.store_biz_state ==2">休息中</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="right">
|
<view class="right">
|
||||||
<view class="name">
|
<view class="name">
|
||||||
@ -449,6 +452,7 @@ export default {
|
|||||||
filterDropdownValue: [],
|
filterDropdownValue: [],
|
||||||
filterData: [],
|
filterData: [],
|
||||||
loadComplete: false, // 没有加载数据前不显示的对应内容
|
loadComplete: false, // 没有加载数据前不显示的对应内容
|
||||||
|
isRest:true
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
@ -1086,6 +1090,7 @@ export default {
|
|||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
.left {
|
.left {
|
||||||
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
width: 13vw;
|
width: 13vw;
|
||||||
height: 13vw;
|
height: 13vw;
|
||||||
@ -1094,7 +1099,36 @@ export default {
|
|||||||
height: 13vw;
|
height: 13vw;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-rest{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
|
.is-rest-bg{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 36rpx;
|
||||||
|
background: #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-rest-tips{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 36rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
15
helpers/loginPopup.js
Normal file
15
helpers/loginPopup.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import Vue from 'vue'
|
||||||
|
|
||||||
|
import loginPopup from '@/components/loginPopup.vue'
|
||||||
|
|
||||||
|
const loginPopup_ = Vue.extend(loginPopup)
|
||||||
|
|
||||||
|
export const $loginPopup = (data) =>{
|
||||||
|
const node = new loginPopup_({
|
||||||
|
show:data
|
||||||
|
})
|
||||||
|
|
||||||
|
node.$mount()
|
||||||
|
|
||||||
|
document.body.appendChild(node.$el)
|
||||||
|
}
|
||||||
@ -63,13 +63,15 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
@click="handerSkipShop(item)"
|
@click="handerSkipShop(item)"
|
||||||
>
|
>
|
||||||
<view class="list-item-hander">
|
<view :class="['list-item-hander']">
|
||||||
<view class="list-item-img">
|
<view :class="['list-item-img', {'is-rest': item.store_biz_state ==2 }]">
|
||||||
<image
|
<image
|
||||||
class="item-img"
|
class="item-img"
|
||||||
lazy-load
|
lazy-load
|
||||||
:src="item.store_logo"
|
:src="item.store_logo"
|
||||||
></image>
|
></image>
|
||||||
|
<view class="is-rest-bg" v-if="item.store_biz_state ==2"></view>
|
||||||
|
<view class="is-rest-tips" v-if="item.store_biz_state ==2">休息中</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list-item-info">
|
<view class="list-item-info">
|
||||||
<view class="list-item-name">{{ item.store_name }}</view>
|
<view class="list-item-name">{{ item.store_name }}</view>
|
||||||
@ -750,6 +752,8 @@ export default {
|
|||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
width: 102px;
|
width: 102px;
|
||||||
height: 102px;
|
height: 102px;
|
||||||
|
min-width: 102px;
|
||||||
|
min-height: 102px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.item-img {
|
.item-img {
|
||||||
@ -805,6 +809,32 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-rest{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.is-rest-bg{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 40rpx;
|
||||||
|
background: #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-rest-tips{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.list-item-bottom {
|
.list-item-bottom {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -832,32 +862,85 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 320px) {
|
/* 小屏幕设备(如 iPhone 5/SE) */
|
||||||
.address-block {
|
@media screen and (max-width: 320px) {
|
||||||
.address-box {
|
.address-block {
|
||||||
max-width: 140px;
|
.address-box {
|
||||||
}
|
max-width: 140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item-img {
|
||||||
|
width: 62px !important;
|
||||||
|
height: 62px !important;
|
||||||
|
min-width: 62px !important;
|
||||||
|
min-height: 62px !important;
|
||||||
|
|
||||||
|
.item-img {
|
||||||
|
width: 62px !important;
|
||||||
|
height: 62px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-name {
|
||||||
|
max-width: 120px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item-img {
|
/* 中等屏幕设备(如 iPhone 6/7/8/X) */
|
||||||
width: 62px !important;
|
@media screen and (min-width: 321px) and (max-width: 414px) {
|
||||||
height: 62px !important;
|
.m-product-info {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
.list-item-img {
|
||||||
|
width: 62px !important;
|
||||||
|
height: 62px !important;
|
||||||
|
min-width: 62px !important;
|
||||||
|
min-height: 62px !important;
|
||||||
|
|
||||||
.item-img {
|
.item-img {
|
||||||
width: 62px !important;
|
width: 62px !important;
|
||||||
height: 62px !important;
|
height: 62px !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-name {
|
/* 大屏幕设备(如 iPhone Plus 系列) */
|
||||||
max-width: 120px !important;
|
@media screen and (min-width: 415px) {
|
||||||
}
|
/* 可以添加针对大屏幕的样式 */
|
||||||
}
|
.list-item-img {
|
||||||
|
width: 102px !important;
|
||||||
|
height: 102px !important;
|
||||||
|
min-width: 102px !important;
|
||||||
|
min-height: 102px !important;
|
||||||
|
|
||||||
@media screen and (min-width: 321px) {
|
.item-img {
|
||||||
.m-product-info {
|
width: 102px !important;
|
||||||
width: 60%;
|
height: 102px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
/* 专门针对 iPhone X 的竖屏模式 */
|
||||||
|
@media only screen
|
||||||
|
and (min-device-width: 375px)
|
||||||
|
and (max-device-width: 812px)
|
||||||
|
and (-webkit-device-pixel-ratio: 3)
|
||||||
|
and (orientation: portrait) {
|
||||||
|
.list-item-img {
|
||||||
|
width: 62px !important;
|
||||||
|
height: 62px !important;
|
||||||
|
min-width: 62px !important;
|
||||||
|
min-height: 62px !important;
|
||||||
|
|
||||||
|
.item-img {
|
||||||
|
width: 62px !important;
|
||||||
|
height: 62px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -20,12 +20,12 @@
|
|||||||
<view class="m-media-box-bd">
|
<view class="m-media-box-bd">
|
||||||
<label class="m-media-box-title">{{item.user_name}}</label>
|
<label class="m-media-box-title">{{item.user_name}}</label>
|
||||||
<view class="m-media-box-desc">
|
<view class="m-media-box-desc">
|
||||||
<view style="margin-bottom:10rpx;">
|
<view style="margin-bottom:20rpx;">
|
||||||
<label style="margin-right:10rpx;font-size:20rpx;">
|
<label style="margin-right:10rpx;font-size:24rpx;">
|
||||||
{{item.item_name}}
|
{{item.item_name}}
|
||||||
</label>
|
</label>
|
||||||
</view>
|
</view>
|
||||||
<label v-if="(item.comment_content!=null)" >{{item.comment_content}}</label>
|
<label style="font-size: 28rpx;" v-if="(item.comment_content!=null)" >{{item.comment_content}}</label>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-media-box-info">
|
<view class="m-media-box-info">
|
||||||
<view class="m-media-box-info-meta m-start" v-for="(itemIndex, ii) in [1, 2, 3, 4, 5]" :key="ii">
|
<view class="m-media-box-info-meta m-start" v-for="(itemIndex, ii) in [1, 2, 3, 4, 5]" :key="ii">
|
||||||
|
|||||||
@ -876,8 +876,9 @@
|
|||||||
<view class="u-cleanbox"></view>
|
<view class="u-cleanbox"></view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
|
<view class="is-rest" v-if="store_info.store_biz_state == 2"></view>
|
||||||
|
|
||||||
<view class="m-footer-btn bottom-safearea" :class="ProductInfo.is_virtual ? 'm-fg-btn' : ''" v-if="(ProductInfo.activityType!='GROUPBOOKING')">
|
<view class="m-footer-btn bottom-safearea" :class="ProductInfo.is_virtual ? 'm-fg-btn' : ''" v-if="(ProductInfo.activityType!='GROUPBOOKING') && store_info.store_biz_state == 1">
|
||||||
|
|
||||||
<block v-if="(ProductInfo.is_virtual)">
|
<block v-if="(ProductInfo.is_virtual)">
|
||||||
<view class="m-footer-btn-list">
|
<view class="m-footer-btn-list">
|
||||||
@ -1027,7 +1028,7 @@
|
|||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="m-footer-btn m-fg-btn bottom-safearea" v-if="(ProductInfo.activityType=='GROUPBOOKING')">
|
<view class="m-footer-btn m-fg-btn bottom-safearea" v-if="(ProductInfo.activityType=='GROUPBOOKING') && store_info.store_biz_state == 1">
|
||||||
<view class="m-footer-btn-list">
|
<view class="m-footer-btn-list">
|
||||||
<view class="m-footer-btn-item" style="width: 50%;" :data-id="(proId)" :data-name="(store_info.store_name)" :data-keyword="(ProductInfo.keyWord)" :data-appid="(AppId)" :data-appurl="(chatUrl)" v-if="(Config.MULTISHOP_ENABLE && !if_saas_status && !isStoreFlag)">
|
<view class="m-footer-btn-item" style="width: 50%;" :data-id="(proId)" :data-name="(store_info.store_name)" :data-keyword="(ProductInfo.keyWord)" :data-appid="(AppId)" :data-appurl="(chatUrl)" v-if="(Config.MULTISHOP_ENABLE && !if_saas_status && !isStoreFlag)">
|
||||||
<navigator redirect="true" :url="'/pagesub/index/store?store_id=' + (ProductInfo.store_id)" class="u-go-home1">
|
<navigator redirect="true" :url="'/pagesub/index/store?store_id=' + (ProductInfo.store_id)" class="u-go-home1">
|
||||||
@ -2207,7 +2208,6 @@ export default {
|
|||||||
clearInterval(intervalPt);
|
clearInterval(intervalPt);
|
||||||
clearInterval(intervalCt);
|
clearInterval(intervalCt);
|
||||||
clearInterval(intervalTimeAct);
|
clearInterval(intervalTimeAct);
|
||||||
|
|
||||||
that.$report("fb_mobile_content_view", data.item_row);
|
that.$report("fb_mobile_content_view", data.item_row);
|
||||||
|
|
||||||
that.setData({
|
that.setData({
|
||||||
@ -5697,12 +5697,15 @@ radio-group {
|
|||||||
// background:rgba(255,255,255,1);
|
// background:rgba(255,255,255,1);
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-text label {
|
.user-text label {
|
||||||
width: 360rpx;
|
width: 360rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
font-size: 20rpx;
|
font-size: 32rpx;
|
||||||
font-family: Alibaba PuHuiTi;
|
font-family: Alibaba PuHuiTi;
|
||||||
line-height: 22rpx;
|
line-height: 22rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -5768,6 +5771,25 @@ radio-group {
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-rest{
|
||||||
|
position: fixed;
|
||||||
|
height: 10%;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
&::before{
|
||||||
|
content: "门店已打烊";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100rpx;
|
||||||
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.m-store-info {
|
.m-store-info {
|
||||||
position: relative;
|
position: relative;
|
||||||
//width: 750rpx;
|
//width: 750rpx;
|
||||||
|
|||||||
@ -4,8 +4,10 @@
|
|||||||
<view class="m-banner" v-if="loadStoreInfoComplete">
|
<view class="m-banner" v-if="loadStoreInfoComplete">
|
||||||
<image :src="store_info.BackGroundPath" />
|
<image :src="store_info.BackGroundPath" />
|
||||||
<view class="m-content-box"> </view>
|
<view class="m-content-box"> </view>
|
||||||
<view class="m-logo">
|
<view :class="['m-logo', {'is-rest': store_info.base.store_biz_state == 2}]">
|
||||||
<image :src="store_info.WapLogoPath" />
|
<image :src="store_info.WapLogoPath" />
|
||||||
|
<view class="is-rest-bg" v-if="store_info.base.store_biz_state == 2"></view>
|
||||||
|
<view class="is-rest-tips" v-if="store_info.base.store_biz_state == 2">休息中</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-shopinfo">
|
<view class="m-shopinfo">
|
||||||
<view style="display: flex">
|
<view style="display: flex">
|
||||||
@ -758,6 +760,7 @@ export default {
|
|||||||
loadStoreInfoComplete: false, // 加载店铺基本信息完成
|
loadStoreInfoComplete: false, // 加载店铺基本信息完成
|
||||||
loadStoreConfigComplete: false, // 加载店铺配置信息完成
|
loadStoreConfigComplete: false, // 加载店铺配置信息完成
|
||||||
loadStoreCategoryComplete: false, // 加载店铺配置信息完成
|
loadStoreCategoryComplete: false, // 加载店铺配置信息完成
|
||||||
|
isRest:true
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: mapState([
|
computed: mapState([
|
||||||
@ -1738,6 +1741,36 @@ export default {
|
|||||||
top: 18rpx;
|
top: 18rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.m-logo{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-rest{
|
||||||
|
|
||||||
|
.is-rest-bg{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 36rpx;
|
||||||
|
background: #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-rest-tips{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 36rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.uni-uploader__img {
|
.uni-uploader__img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 182rpx;
|
width: 182rpx;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user