增加休息状态,修复评价字体大小

This commit is contained in:
qijq 2025-06-29 21:08:02 +08:00
parent d551c03564
commit 0bcad2ecb1
6 changed files with 219 additions and 32 deletions

View File

@ -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
View 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)
}

View File

@ -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,6 +862,7 @@ export default {
} }
} }
/* 小屏幕设备(如 iPhone 5/SE */
@media screen and (max-width: 320px) { @media screen and (max-width: 320px) {
.address-block { .address-block {
.address-box { .address-box {
@ -842,6 +873,8 @@ export default {
.list-item-img { .list-item-img {
width: 62px !important; width: 62px !important;
height: 62px !important; height: 62px !important;
min-width: 62px !important;
min-height: 62px !important;
.item-img { .item-img {
width: 62px !important; width: 62px !important;
@ -854,10 +887,60 @@ export default {
} }
} }
@media screen and (min-width: 321px) { /* 中等屏幕设备(如 iPhone 6/7/8/X */
@media screen and (min-width: 321px) and (max-width: 414px) {
.m-product-info { .m-product-info {
width: 60%; width: 60%;
} }
.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;
} }
}
}
/* 大屏幕设备(如 iPhone Plus 系列) */
@media screen and (min-width: 415px) {
/* 可以添加针对大屏幕的样式 */
.list-item-img {
width: 102px !important;
height: 102px !important;
min-width: 102px !important;
min-height: 102px !important;
.item-img {
width: 102px !important;
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>

View File

@ -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">

View File

@ -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;

View File

@ -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;