From 03ada0884b54e70cef6b1fbcbbf0d13cf261ffed Mon Sep 17 00:00:00 2001 From: chenweiqiang Date: Fri, 9 May 2025 11:29:39 +0800 Subject: [PATCH] modify --- src/component/grouporder.vue | 21 ++++++- src/pages/home/home.vue | 117 +++++++++++++++++++++++++++++++++++ 2 files changed, 135 insertions(+), 3 deletions(-) diff --git a/src/component/grouporder.vue b/src/component/grouporder.vue index e51ba03..95b4432 100644 --- a/src/component/grouporder.vue +++ b/src/component/grouporder.vue @@ -10,9 +10,10 @@ /> {{ groupLeader.nickname }} - - - {{ pickupAddr }} + + + {{ pickupAddr }} + {{ groupTypeInfo() }} {{ desc }} @@ -138,6 +139,20 @@ function groupTypeInfo() { line-height: 1.5; } +.text-ellipsis-w-120 { + overflow: hidden; + width: 120px; + text-overflow: ellipsis; + display: -webkit-box; /* 兼容 WebKit 内核浏览器 */ + -webkit-line-clamp: 2; /* 限制显示行数 */ + -webkit-box-orient: vertical; /* 文本垂直排列 */ + line-clamp: 2; /* 标准语法(部分浏览器支持) */ + white-space: normal; /* 允许换行 */ + /* 其他样式 */ + font-size: 14px; + line-height: 1.5; +} + .item-img-h-50 { width: 50px; height: 50px; diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue index 3c0108c..eac7c1c 100644 --- a/src/pages/home/home.vue +++ b/src/pages/home/home.vue @@ -39,6 +39,123 @@ export default { id:1, image_url:"/static/logo.png", price:"20" + }, + { + id:2, + image_url:"/static/logo.png", + price:"30" + }, + { + id:3, + image_url:"/static/logo.png", + price:"40" + }, + { + id:4, + image_url:"/static/logo.png", + price:"60" + } + ], + group_leader:{ + avatar:"adsfadfa", + nickname:"测试团长1" + }, + statistic_desc:"20000人参团" + }, + { + id:"2", + type:"express", + desc:"测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述", + status:"start", + pickup_addr:"自提点地址", + item_list:[ + { + id:1, + image_url:"/static/logo.png", + price:"20" + }, + { + id:2, + image_url:"/static/logo.png", + price:"30" + }, + { + id:3, + image_url:"/static/logo.png", + price:"40" + }, + { + id:4, + image_url:"/static/logo.png", + price:"60" + } + ], + group_leader:{ + avatar:"adsfadfa", + nickname:"测试团长1" + }, + statistic_desc:"20000人参团" + }, + { + id:"3", + type:"pickup", + desc:"测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述", + status:"start", + pickup_addr:"自提点地址自提点地址自提点地址自提点地址自提点地址自提点地址自提点地址自提点地址", + item_list:[ + { + id:1, + image_url:"/static/logo.png", + price:"20" + }, + { + id:2, + image_url:"/static/logo.png", + price:"30" + }, + { + id:3, + image_url:"/static/logo.png", + price:"40" + }, + { + id:4, + image_url:"/static/logo.png", + price:"60" + } + ], + group_leader:{ + avatar:"adsfadfa", + nickname:"测试团长1" + }, + statistic_desc:"20000人参团" + }, + { + id:"4", + type:"express", + desc:"测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述测试描述", + status:"start", + pickupAddr:"自提点地址", + item_list:[ + { + id:1, + image_url:"/static/logo.png", + price:"20" + }, + { + id:2, + image_url:"/static/logo.png", + price:"30" + }, + { + id:3, + image_url:"/static/logo.png", + price:"40" + }, + { + id:4, + image_url:"/static/logo.png", + price:"60" } ], group_leader:{