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

Fix：2707 【非遗文化】手机型号：iQOO neo7SE--非遗文化详情页分类2的店铺，一句话介绍超出两行时的显示效果需要优化

Browse Source
This commit is contained in:
linxi
2024-11-27 15:54:21 +08:00
parent 5a7a5831b0
commit d0fd7cb653
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/heritage/details.vue
+16 -9
View File
@@ -20,12 +20,12 @@
<view class="tab-btn" :class="{ 'v12-primary': actived === 1, 'v12-white-text': actived === 1 }" @click="handleTab(1)">{{details.pageA.title}}</view> <view class="tab-btn" :class="{ 'v12-primary': actived === 1, 'v12-white-text': actived === 1 }" @click="handleTab(1)">{{details.pageA.title}}</view>
<view class="tab-btn v12-ml-3" :class="{ 'v12-primary': actived === 2, 'v12-white-text': actived === 2 }" @click="handleTab(2)">{{details.pageB.title}}</view> <view class="tab-btn v12-ml-3" :class="{ 'v12-primary': actived === 2, 'v12-white-text': actived === 2 }" @click="handleTab(2)">{{details.pageB.title}}</view>
</view> </view>
<view class="pageA" v-if="actived === 1"> <view class="pageA" v-show="actived === 1">
<view class="intro" style="white-space: break-spaces;"> <view class="intro" style="white-space: break-spaces;">
{{ details.pageA.content }} {{ details.pageA.content }}
</view> </view>
<view class="v12-d-grid-columns-2 card-wrap v12-mt-3"> <view class="v12-d-grid-columns-2 card-wrap v12-mt-3" v-if="details.pageA && details.pageA.images.length > 0">
<view class="card-item" v-for="(item, index) in details.pageA.images" :key="index" @click="viewImg(item)"> <view class="card-item" v-for="(item, i) in details.pageA.images" :key="i" @click="viewImg(item)">
<image class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image> <image class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
<view class="v12-justify-center"> <view class="v12-justify-center">
《 《
@@ -36,7 +36,7 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="details.pageA.images.length === 0"> <view v-else>
<image <image
:src="webUrl + '/orderIcon/wu.png'" :src="webUrl + '/orderIcon/wu.png'"
mode="scaleToFill" mode="scaleToFill"
@@ -47,10 +47,12 @@
<view class="pageB" v-if="actived === 2"> <view class="pageB" v-if="actived === 2">
<view class="v12-d-grid-columns-2 card-wrap v12-mt-3"> <view class="v12-d-grid-columns-2 card-wrap v12-mt-3">
<!-- --> <!-- -->
<view class="card-item v12-white v12-radius-20" v-for="(item, index) in details.pageB.hotels" :key="index" @click="toStore(item)"> <view class="card-item v12-white v12-radius-20 column-flex" v-for="(item, index) in details.pageB.hotels" :key="index" @click="toStore(item)">
<image class="card-item-img" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image> <view>
<view class="more-t v12-font-28 v12-font-bold v12-px-2" style="height: 76rpx"> <image class="card-item-img" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
{{ item.content || '' }} <view class="more-t v12-font-28 v12-font-bold v12-px-2">
{{ item.content || '' }}
</view>
</view> </view>
<view class="card-footer v12-pa-2"> <view class="card-footer v12-pa-2">
<image class="footer-logo v12-mr-3" :src="item.logo" mode="aspectFit|aspectFill|widthFix" lazy-load="false"> </image> <image class="footer-logo v12-mr-3" :src="item.logo" mode="aspectFit|aspectFill|widthFix" lazy-load="false"> </image>
@@ -59,7 +61,7 @@
</view> </view>
</view> </view>
<view v-if="details.pageB.hotels.length === 0"> <view v-if="details.pageB && details.pageB.hotels.length === 0">
<image <image
:src="webUrl + '/orderIcon/wu.png'" :src="webUrl + '/orderIcon/wu.png'"
mode="scaleToFill" mode="scaleToFill"
@@ -110,6 +112,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.column-flex {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.img-nodata { .img-nodata {
position: relative; position: relative;
top: 0; top: 0;