front/java-mall-app
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
components/store-lists.vue
View File

@ -88,8 +88,11 @@
item.distance
"
>
<view class="left">
<view :class="['left', {'is-rest': item.store_biz_state ==2}]">
<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 class="right">
<view class="name">
@ -449,6 +452,7 @@ export default {
filterDropdownValue: [],
filterData: [],
loadComplete: false, // 没有加载数据前不显示的对应内容
isRest:true
};
},
components: {
@ -1086,6 +1090,7 @@ export default {
padding: 10rpx 0;
display: flex;
.left {
flex-shrink: 0;
width: 13vw;
height: 13vw;
@ -1094,7 +1099,36 @@ export default {
height: 13vw;
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 {
width: 100%;
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)
}

89
member/member/supermarketlList.vue
View File

@ -63,13 +63,15 @@
:key="index"
@click="handerSkipShop(item)"
>
<view class="list-item-hander">
<view class="list-item-img">
<view :class="['list-item-hander']">
<view :class="['list-item-img', {'is-rest': item.store_biz_state ==2 }]">
<image
class="item-img"
lazy-load
: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 class="list-item-info">
<view class="list-item-name">{{ item.store_name }}</view>
@ -750,6 +752,8 @@ export default {
margin-right: 12px;
width: 102px;
height: 102px;
min-width: 102px;
min-height: 102px;
overflow: hidden;
.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 {
display: flex;
justify-content: space-between;
@ -832,6 +862,7 @@ export default {
}
}
/* 小屏幕设备（如 iPhone 5/SE） */
@media screen and (max-width: 320px) {
.address-block {
.address-box {
@ -842,6 +873,8 @@ export default {
.list-item-img {
width: 62px !important;
height: 62px !important;
min-width: 62px !important;
min-height: 62px !important;
.item-img {
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 {
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>

6
pages/product/commentlist.vue
View File

@ -20,12 +20,12 @@
<view class="m-media-box-bd">
<label class="m-media-box-title">{{item.user_name}}</label>
<view class="m-media-box-desc">
<view style="margin-bottom:10rpx;">
<label style="margin-right:10rpx;font-size:20rpx;">
<view style="margin-bottom:20rpx;">
<label style="margin-right:10rpx;font-size:24rpx;">
{{item.item_name}}
</label>
</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 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">

30
pages/product/detail.vue
View File

@ -876,8 +876,9 @@
<view class="u-cleanbox"></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)">
<view class="m-footer-btn-list">
@ -1027,7 +1028,7 @@
</block>
</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-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">
@ -2207,7 +2208,6 @@ export default {
clearInterval(intervalPt);
clearInterval(intervalCt);
clearInterval(intervalTimeAct);
that.$report("fb_mobile_content_view", data.item_row);
that.setData({
@ -5697,12 +5697,15 @@ radio-group {
// background:rgba(255,255,255,1);
margin-left: 20rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user-text label {
width: 360rpx;
height: 80rpx;
font-size: 20rpx;
font-size: 32rpx;
font-family: Alibaba PuHuiTi;
line-height: 22rpx;
font-weight: 400;
@ -5768,6 +5771,25 @@ radio-group {
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 {
position: relative;
//width: 750rpx;

35
pagesub/index/store.vue
View File

@ -4,8 +4,10 @@
<view class="m-banner" v-if="loadStoreInfoComplete">
<image :src="store_info.BackGroundPath" />
<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" />
<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 class="m-shopinfo">
<view style="display: flex">
@ -758,6 +760,7 @@ export default {
loadStoreInfoComplete: false, // 加载店铺基本信息完成
loadStoreConfigComplete: false, // 加载店铺配置信息完成
loadStoreCategoryComplete: false, // 加载店铺配置信息完成
isRest:true
};
},
computed: mapState([
@ -1738,6 +1741,36 @@ export default {
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 {
display: block;
width: 182rpx;