liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(店铺):[#998, #997]界面调整

Browse Source
This commit is contained in:
lifizer
2024-03-22 21:15:53 +08:00
parent 0dbb9c8342
commit 08a1c20ac0
2 changed files with 177 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pagesInn/inn/innHome.vue
+175 -140
View File
@@ -149,159 +149,169 @@
<view :class="isMyInn ? 'my-inn-page' : ''"> <view :class="isMyInn ? 'my-inn-page' : ''">
<!-- v4 商品列表 --> <!-- v4 商品列表 -->
<view v-if="activeIndex === 0" class="goods-section"> <view v-if="activeIndex === 0" class="goods-section">
<view class="flex flex-wrap"> <view v-if="isLoadGoodListoSuccess">
<view <view v-if="goodsList.length > 0">
v-for="(item,index) in goodsList" <view class="flex flex-wrap">
:key="index" <view
class="item" v-for="(item,index) in goodsList"
@click="goGoodsConByID(item)" :key="index"
> class="item"
<image @click="goGoodsConByID(item)"
:src="item.image" >
class="cover"
/>
<view class="">
<view class="name more-t">{{ item.storeName }}</view>
<view class="price-line flex ai-center">
<image <image
:src="webUrl + '/20221118104357701129.png'" :src="item.image"
class="label" class="cover"
mode="scaleToFill"
/> />
<text>￥{{ item.price }}</text> <view class="">
<view class="name more-t">{{ item.storeName }}</view>
<view class="price-line flex ai-center">
<image
:src="webUrl + '/20221118104357701129.png'"
class="label"
mode="scaleToFill"
/>
<text>￥{{ item.price }}</text>
</view>
</view>
<view class="sales-line flex ai-center">
<image
:src="webUrl + '/20221118092713277343.png'"
class="icon"
mode="scaleToFill"
/>
<text>{{ item.sales }}人已购买</text>
</view>
</view> </view>
</view> </view>
<view class="sales-line flex ai-center"> <view class="btn">
<image <view class="btn-cont" @click="viewAllGoodHandle">
:src="webUrl + '/20221118092713277343.png'" 查看所有商品
class="icon" <text class="iconfont icon-jiantou"></text>
mode="scaleToFill" </view>
/>
<text>{{ item.sales }}人已购买</text>
</view> </view>
</view> </view>
</view> <view v-else class="tab-no-data">
<view v-show="goodsList.length > 0" class="btn"> 店主还没有上传内容哦~
<view class="btn-cont" @click="viewAllGoodHandle">
查看所有商品
<text class="iconfont icon-jiantou"></text>
</view> </view>
</view> </view>
<goo-skeleton v-else />
</view> </view>
<!-- 最新资讯 --> <!-- 最新资讯 -->
<view <view
v-if="activeIndex === 1" v-if="activeIndex === 1"
class="info-section" class="info-section"
> >
<view v-if="infoArray.length > 0" class="info-wrapper"> <view v-if="isLoadInfoListSuccess">
<view class="info-list"> <view v-if="infoArray.length > 0" class="info-wrapper">
<view <view class="info-list">
v-for="(item, index) in infoArray"
:key="index"
class="info-item"
>
<view <view
:class="item.isTop === 1 ? 'info-item-top' : ''" v-for="(item, index) in infoArray"
:style="{ :key="index"
'background-image': item.isTop ? ('url(' + webUrl + '/page/hotel/info-top-bg.png)') : 'none' class="info-item"
}"
class="info-item-header"
@click="infoClick(item)"
> >
<view class="name one-t"> <view
{{ item.name }} :class="item.isTop === 1 ? 'info-item-top' : ''"
</view> :style="{
<view class="intro more-t"> 'background-image': item.isTop ? ('url(' + webUrl + '/page/hotel/info-top-bg.png)') : 'none'
{{ item.intro }} }"
</view> class="info-item-header"
</view> @click="infoClick(item)"
<view class="info-item-body"> >
<view v-if="item.type === 'NT_VIDEO'" class="video"> <view class="name one-t">
<video {{ item.name }}
:src="item.video"
:poster="item.video + '?vframe/jpg/offset/1'"
controls
play-btn-position="center"
class="video-item"
/>
</view>
<view v-else>
<img-box
:imgList="item.resources"
:num="item.resources.length"
:img-radius="10"
style="width: 100%;"
/>
</view>
</view>
<view class="info-item-bottom">
<view class="time">
{{ item.createdTime ? item.createdTime.replace(/-/g, '.').substr(0, 10) : '' }}
</view>
<view class="btns">
<view class="flex">
<image
:src="webUrl + '/20230803152147141807.png'"
class="icon"
/>
<text class="seeNum-txt">{{ item.pv }}</text>
</view> </view>
<view class="flex"> <view class="intro more-t">
<image {{ item.intro }}
v-if="!item.zanVo"
:src="webUrl + '/page/hotel/zan-off.png'"
class="zan-off-icon"
@click="likeInfoItemHandle(item, index, 1)"
/>
<image
v-else
:src="webUrl + '/page/hotel/zan-on.png'"
class="zan-on-icon"
@click="likeInfoItemHandle(item, index, 0)"
/>
<!-- <image
:src="webUrl + '/20230803151302213857.png'"
class="icon"
/>
<text class="seeNum-txt">{{ item.zan }}</text> -->
</view> </view>
<view v-if="isMyInn" class="flex more-btn" @click="toggleMoreHandle(index)"> </view>
<image <view class="info-item-body">
:src="webUrl + '/page/hotel/more.png'" <view v-if="item.type === 'NT_VIDEO'" class="video">
class="icon" <video
:src="item.video"
:poster="item.video + '?vframe/jpg/offset/1'"
controls
play-btn-position="center"
class="video-item"
/> />
<view </view>
v-if="item.showMore" <view v-else>
class="more-wrapper" <img-box
> :imgList="item.resources"
<view :num="item.resources.length"
v-if="item.isTop === 0" :img-radius="10"
class="more-item" style="width: 100%;"
@click="setTopInfoHandle(item, 1)" />
> </view>
<image </view>
:src="webUrl + '/page/hotel/settop.png'" <view class="info-item-bottom">
class="more-icon" <view class="time">
/> {{ item.createdTime ? item.createdTime.replace(/-/g, '.').substr(0, 10) : '' }}
置顶动态 </view>
</view> <view class="btns">
<view <view class="flex">
<image
:src="webUrl + '/20230803152147141807.png'"
class="icon"
/>
<text class="seeNum-txt">{{ item.pv }}</text>
</view>
<view class="flex">
<image
v-if="!item.zanVo"
:src="webUrl + '/page/hotel/zan-off.png'"
class="zan-off-icon"
@click="likeInfoItemHandle(item, index, 1)"
/>
<image
v-else v-else
class="more-item" :src="webUrl + '/page/hotel/zan-on.png'"
@click="setTopInfoHandle(item, 0)" class="zan-on-icon"
@click="likeInfoItemHandle(item, index, 0)"
/>
<!-- <image
:src="webUrl + '/20230803151302213857.png'"
class="icon"
/>
<text class="seeNum-txt">{{ item.zan }}</text> -->
</view>
<view v-if="isMyInn" class="flex more-btn" @click="toggleMoreHandle(index)">
<image
:src="webUrl + '/page/hotel/more.png'"
class="icon"
/>
<view
v-if="item.showMore"
class="more-wrapper"
> >
<image <view
:src="webUrl + '/page/hotel/delete.png'" v-if="item.isTop === 0"
class="more-icon" class="more-item"
/> @click="setTopInfoHandle(item, 1)"
取消置顶 >
</view> <image
<view class="more-item" @click="deleteInnInfo(item, index)"> :src="webUrl + '/page/hotel/settop.png'"
<image class="more-icon"
:src="webUrl + '/page/hotel/delete.png'" />
class="more-icon" 置顶动态
/> </view>
删除动态 <view
v-else
class="more-item"
@click="setTopInfoHandle(item, 0)"
>
<image
:src="webUrl + '/page/hotel/delete.png'"
class="more-icon"
/>
取消置顶
</view>
<view class="more-item" @click="deleteInnInfo(item, index)">
<image
:src="webUrl + '/page/hotel/delete.png'"
class="more-icon"
/>
删除动态
</view>
</view> </view>
</view> </view>
</view> </view>
@@ -309,7 +319,11 @@
</view> </view>
</view> </view>
</view> </view>
<view v-else class="tab-no-data">
店主还没有上传内容哦~
</view>
</view> </view>
<goo-skeleton v-else />
</view> </view>
<!-- 企业文化 --> <!-- 企业文化 -->
<view <view
@@ -337,19 +351,27 @@
/> />
</view> </view>
</view> </view>
<view v-else class="tab-no-data">
店主还没有上传内容哦~
</view>
</view> </view>
<!-- 商家资质 --> <!-- 商家资质 -->
<view <view
v-if="activeIndex === 3" v-if="activeIndex === 3"
class="qualifications-section" class="qualifications-section"
> >
<image <view v-if="inn.qualifications.length > 0">
v-for="(item, index) in inn.qualifications" <image
:key="index" v-for="(item, index) in inn.qualifications"
:src="item.image" :key="index"
class="store-img" :src="item.image"
mode="widthFix" class="store-img"
/> mode="widthFix"
/>
</view>
<view v-else class="tab-no-data">
店主还没有上传内容哦~
</view>
</view> </view>
</view> </view>
<view v-if="isMyInn" class="bottom-view acea-row"> <view v-if="isMyInn" class="bottom-view acea-row">
@@ -447,7 +469,9 @@ export default {
{ text: '最新资讯', value: 1, isShow: true }, { text: '最新资讯', value: 1, isShow: true },
{ text: '企业文化', value: 2, isShow: true }, { text: '企业文化', value: 2, isShow: true },
{ text: '商家资质', value: 3, isShow: true } { text: '商家资质', value: 3, isShow: true }
] ],
isLoadGoodListoSuccess: false,
isLoadInfoListSuccess: false
} }
}, },
// 必须在页面加 onPageScroll(e){} ，才能滑动显示背景 // 必须在页面加 onPageScroll(e){} ，才能滑动显示背景
@@ -630,6 +654,7 @@ export default {
if (_this.loading) { if (_this.loading) {
return return
} }
_this.isLoadInfoListSuccess = false
_this.loading = true _this.loading = true
_this.infoArray = [] _this.infoArray = []
getHotelNewsList({ getHotelNewsList({
@@ -648,6 +673,7 @@ export default {
})) }))
}).finally(() => { }).finally(() => {
_this.loading = false _this.loading = false
_this.isLoadInfoListSuccess = true
uni.stopPullDownRefresh() uni.stopPullDownRefresh()
}) })
}, },
@@ -754,6 +780,7 @@ export default {
} }
}, },
fetchGoods() { fetchGoods() {
this.isLoadGoodListoSuccess = false
getHotelGoodList({ getHotelGoodList({
id: this.inn.id, id: this.inn.id,
page: 1, page: 1,
@@ -768,6 +795,8 @@ export default {
} }
} }
} }
}).finally(() => {
this.isLoadGoodListoSuccess = true
}) })
}, },
call: function () { call: function () {
@@ -1329,4 +1358,10 @@ export default {
} }
} }
} }
.tab-no-data {
text-align: center;
font-size: 32rpx;
color: #999;
line-height: 80rpx;
}
</style> </style>
pagesInn/inn/innProfileEdit.vue
+2 -2
View File
@@ -99,7 +99,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="item is_required"> <!-- <view class="item is_required">
<view class="cell acea-row row-column"> <view class="cell acea-row row-column">
<view class="cell-title">店铺简介</view> <view class="cell-title">店铺简介</view>
<view> <view>
@@ -111,7 +111,7 @@
/> />
</view> </view>
</view> </view>
</view> </view> -->
<view class="item"> <view class="item">
<view class="img-upload"> <view class="img-upload">
<tm-upload <tm-upload