From 896df1cf0b7faff7fcc9ef6e23262228ff377e48 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Wed, 29 Apr 2026 10:55:53 +0800
Subject: [PATCH] UI: 小猪优选版本号
---
pages/quanshou/components/lanyaerji.vue | 45 ++++++++++++++++++++-------------------------
1 files changed, 20 insertions(+), 25 deletions(-)
diff --git a/pages/quanshou/components/lanyaerji.vue b/pages/quanshou/components/lanyaerji.vue
index 39ab50f..d9f524f 100644
--- a/pages/quanshou/components/lanyaerji.vue
+++ b/pages/quanshou/components/lanyaerji.vue
@@ -4,14 +4,16 @@
data() {
return {
ls:[
- {title:"康倍星助行器", synopsis:"老人助力行走器 可推可坐", img:"/static/imgs/quanshou/SW1.png"},
- {title:"EMBERTON III", synopsis:"无线蓝牙家用户外防尘防水长续航小音响", img:"/static/imgs/quanshou/SW2.png"},
- {title:"哈曼卡顿音响", synopsis:"蓝牙音箱 环绕立体声下沉式低音炮", img:"/static/imgs/quanshou/SW3.png"},
- {title:"吉普自行车", synopsis:"山地车成人越野学生代步", img:"/static/imgs/quanshou/SW4.png"},
- {title:"富迪堡葡萄酒", synopsis:"虎爵大师干红葡萄酒", img:"/static/imgs/quanshou/SW5.png"},
- {title:"浴百家浴室柜", synopsis:"陶瓷一体盆柜洗手盆柜组合洗漱台", img:"/static/imgs/quanshou/SW6.png"},
- {title:"小牧卫浴智能马桶", synopsis:"马桶座圈加热离座冲停零压劲冲", img:"/static/imgs/quanshou/SW7.png"},
- {title:"蓝牙耳机", synopsis:"无线降噪IPX4防水", img:"/static/imgs/quanshou/SW8.png"},
+ {title:"报喜干红葡萄酒", synopsis:"报喜干红葡萄酒750ml", img:"/static/img/quanshou/3A.png"},
+ {title:"茶叶", synopsis:"茶拼装茶叶礼盒装莫兰迪高端送礼送长辈高档茶叶礼盒装", img:"/static/img/quanshou/6A.png"},
+ {title:"COACH 男包", synopsis:"男包 老花飞行包时尚百搭实用单肩斜挎包 黑色", img:"/static/img/quanshou/1.png"},
+ {title:"蓝牙耳机", synopsis:"头戴式蓝牙立体声HIFI无线耳机", img:"/static/img/quanshou/8A.png"},
+ {title:"美的冰箱 节能保鲜", synopsis:"三循环系统迷你超薄三门一流节省定頻3级能效非风冷变频", img:"/static/img/quanshou/7.png"},
+ {title:"五粮液 单瓶", synopsis:"普五八代 2022-25年 浓香型白酒 52度", img:"/static/img/quanshou/11.png"},
+ {title:"兆亮 八宝罗盘吊坠", synopsis:"兆亮黄金吊坠女足金八宝罗盘平安扣项链挂坠0.9-1克 ", img:"/static/img/quanshou/2.png"},
+ {title:"联想 27英寸显示器", synopsis:"联想拯救者 27英寸电竞显示器 2K 180Hz", img:"/static/img/quanshou/5.png"},
+ {title:"海斯曼 智能跑步机", synopsis:"海斯曼智能家用跑步机减肥静音全折叠新款 智能升级版", img:"/static/img/quanshou/4.png"},
+ {title:"小米 215L", synopsis:"米家215升小型家用电冰箱 三门三温节能安静运行", img:"/static/img/quanshou/10.png"},
]
}
},
@@ -21,31 +23,24 @@
<template>
<view>
- <view style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-
- <view v-for="i in ls" :key="i.title" style="width: calc(50% - 14rpx);background: #F9F9F9;margin-bottom: 28rpx;position: relative;border-radius: 24rpx">
- <image style="height: 359.23rpx;width: 100%;border-radius: 24rpx 24rpx 0 0 " :src="i.img"></image>
- <image style="width: 68rpx;height: 72rpx;position: absolute;right: 22rpx;" src="/static/imgs/quanshou/SWLL.png"></image>
- <view style="padding: 10rpx 20rpx 20rpx 20rpx;">
- <view style="font-weight: 600;color: #333333;font-size: 32rpx;">{{ i.title }}</view>
- <view class="ellipsis">{{ i.synopsis }}</view>
+ <view style="display: flex;flex-wrap: wrap;justify-content: space-between">
+ <view v-for="i in ls" style="background: #FFFFFF;border-radius: 24rpx 24rpx 24rpx 24rpx;width: calc( 50% - 9rpx);padding: 30rpx;position: relative;margin-bottom: 20rpx;">
+ <view style="font-size: 32rpx;color: #333333;font-weight: 600;margin-bottom: 10rpx;">{{ i.title }}</view>
+ <view style="font-size: 24rpx;color: #666666;margin-bottom: 20rpx;min-height: 150rpx">{{i.synopsis}}</view>
+ <view style="text-align: right;position: absolute;right: 0;bottom: 0rpx;">
+ <image :src="i.img" style="width: 112rpx;height:96rpx;" mode="widthFix"></image>
</view>
-
+ <view style="position: absolute;left: 0;bottom: -8rpx;">
+ <image src="@/static/img/MKL.png" style="width: 174rpx;height: 50rpx;"></image>
+ </view>
</view>
</view>
-
-
+ <view style="text-align: center;color: #999999;font-size: 24rpx;margin: auto">实际以用户收到的商品为准</view>
</view>
</template>
<style scoped lang="scss">
-.ellipsis {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- font-size: 24rpx;color: #666666;margin-top: 10rpx;
-}
</style>
--
Gitblit v1.9.3