Fix:vivo手机兼容
This commit is contained in:
@@ -156,12 +156,14 @@
|
||||
class="item"
|
||||
@click="goGoodsConByID(item)"
|
||||
>
|
||||
<view>
|
||||
<image
|
||||
:src="item.productImage"
|
||||
class="cover"
|
||||
/>
|
||||
<view class="v12-pt-2 v12-font-bold v12-font-28 more-t v12-px-2">{{ item.productName }}</view>
|
||||
</view>
|
||||
<view class="" style="padding: 20rpx">
|
||||
<view class="v12-pt-2 v12-font-bold v12-font-28 more-t" style="height: 84rpx">{{ item.productName }}</view>
|
||||
<view class="v12-justify-between v12-align-center v12-pt-2">
|
||||
<view>
|
||||
<text class="v12-font-bold v12-primary-text v12-font-24">¥</text>
|
||||
@@ -668,13 +670,16 @@ export default {
|
||||
.item {
|
||||
position: relative;
|
||||
width: 332rpx;
|
||||
// height: 528rpx;
|
||||
height: 528rpx;
|
||||
box-sizing: border-box;
|
||||
margin-right: 22rpx;
|
||||
margin-bottom: 24rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.name {
|
||||
padding: 8rpx 6rpx;
|
||||
font-size: 26rpx;
|
||||
|
||||
@@ -539,11 +539,13 @@
|
||||
</view>
|
||||
</view> -->
|
||||
<view v-for="(item, index) in leftList" :key="index">
|
||||
<view v-if="item.productId" class="v12-white v12-radius-20 f-wrap" @click="goGoodsCon(item)">
|
||||
<view v-if="item.productId" class="v12-white v12-radius-20 f-wrap" @click="goGoodsCon(item)" style="height: 516rpx">
|
||||
<view class="">
|
||||
<view class="focus-img">
|
||||
<image :src="item.productImage" class="img"></image>
|
||||
</view>
|
||||
<view class="more-t v12-pt-2 v12-font-bold v12-font-28 v12-px-2" style="height: 84rpx">{{ item.productName }}</view>
|
||||
<view class="more-t v12-pt-2 v12-font-bold v12-font-28 v12-px-2">{{ item.productName }}</view>
|
||||
</view>
|
||||
<view class="v12-justify-between v12-algin-center v12-pa-2">
|
||||
<view>
|
||||
<text class="v12-font-bold v12-primary-text v12-font-24">¥</text>
|
||||
@@ -557,7 +559,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="!item.productId" class="v12-white v12-radius-20 f-wrap" @click="goStore(item)">
|
||||
<view v-if="!item.productId" class="v12-white v12-radius-20 f-wrap" @click="goStore(item)" style="height: 516rpx">
|
||||
<view>
|
||||
<view class="focus-img">
|
||||
<image :src="item.cover" v-if="item.coverType === 1" class="img" mode="heightFix|widthFix"></image>
|
||||
<video :src="item.cover" v-else :show-center-play-btn="false" :show-fullscreen-btn="false" :show-play-btn="false" class="img" :poster="item.cover + '?vframe/jpg/offset/1'"></video>
|
||||
@@ -566,7 +569,8 @@
|
||||
class="mark-img"
|
||||
/>
|
||||
</view>
|
||||
<view class="more-t v12-pt-2 v12-font-bold v12-font-28 v12-px-2" style="height: 84rpx">{{ item.content }}</view>
|
||||
<view class="more-t v12-pt-2 v12-font-bold v12-font-28 v12-px-2" >{{ item.content }}</view>
|
||||
</view>
|
||||
<view class="v12-justify-start v12-align-center v12-pt-2 v12-px-2 v12-pb-2">
|
||||
<view class="btn v12-mr-2">
|
||||
<image :src="item.logo" class="img v12-radius-100"></image>
|
||||
@@ -1892,5 +1896,8 @@ export default {
|
||||
}
|
||||
.f-wrap{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user