charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 高度自适应

Browse Source
This commit is contained in:
黄泽群
2025-11-10 00:13:44 +08:00
parent 019edfa648
commit 1158231bce
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/shop/ping-item.vue
+3 -7
View File
@@ -1,9 +1,9 @@
<template> <template>
<view class="shop-view" @click.stop="onClick"> <view class="shop-view" @click.stop="onClick">
<image :src="obj.url" class="top-img"></image> <image :src="obj.url" class="top-img" mode="widthFix"></image>
<view class="shop-bottom-panel"> <view class="shop-bottom-panel">
<text class="text-30 text-zu text-overflow" style="padding-top:8rpx">{{obj.title}}</text> <text class="text-30 text-zu text-overflow" style="padding-top:8rpx">{{obj.title}}</text>
<view class="flex-r-lr" style="width:100%;margin-top:10rpx"> <view class="flex-r-lr" style="width:100%;margin-top:10rpx;margin-bottom: 14px;">
<text class="text-28 text-zi text-bold">￥{{obj.price}}</text> <text class="text-28 text-zi text-bold">￥{{obj.price}}</text>
<text class="text-24 " style="color:#999">已售{{obj.sales}}件</text> <text class="text-24 " style="color:#999">已售{{obj.sales}}件</text>
</view> </view>
@@ -34,8 +34,6 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.shop-view{ .shop-view{
width:332rpx; width:332rpx;
height:416rpx;
min-height:416rpx;
border-radius: 12rpx; border-radius: 12rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -45,13 +43,11 @@
background-color: #fff; background-color: #fff;
.top-img{ .top-img{
width:332rpx; width:332rpx;
// height:268rpx; display: block;
display: flex;
border-radius: 12rpx; border-radius: 12rpx;
} }
.shop-bottom-panel{ .shop-bottom-panel{
width:100%; width:100%;
height:calc(100% - 268rpx);
padding: 0 12rpx; padding: 0 12rpx;
box-sizing: border-box; box-sizing: border-box;
flex-direction: column; flex-direction: column;