From 625c295f50439ce4ba619dff28d41c6aa6336d14 Mon Sep 17 00:00:00 2001 From: yxf15732625262 Date: Mon, 31 Mar 2025 20:17:00 +0800 Subject: [PATCH] Mon Mar 31 20:17:00 CST 2025 inscode --- src/mockData/benefitList.js | 66 ++++++++++++ src/router/index.js | 14 ++- src/views/Experience/css-scene.md | 2 + src/views/Home.vue | 2 +- .../components/NewRewardCard.vue | 102 ++++++++++++++++++ src/views/SameHeightPeers/index.vue | 25 +++++ 6 files changed, 206 insertions(+), 5 deletions(-) create mode 100644 src/mockData/benefitList.js create mode 100644 src/views/SameHeightPeers/components/NewRewardCard.vue create mode 100644 src/views/SameHeightPeers/index.vue diff --git a/src/mockData/benefitList.js b/src/mockData/benefitList.js new file mode 100644 index 0000000..cc16f39 --- /dev/null +++ b/src/mockData/benefitList.js @@ -0,0 +1,66 @@ +export const benefitList = [ + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-chong-feng-yi.png", + "label": "限时送", + "title": "头盔", + "uniqueId": "6929_3_612118_6497_21337", + "desc": "头盔兑换券" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-chong-feng-yi.png", + "label": "限时送", + "title": "配送箱", + "uniqueId": "6929_3_612118_6497_21339", + "desc": "配送箱兑换券" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-xian-jin-fan-xian.png", + "title": "100元现金返现", + "uniqueId": "6929_3_612125_6497_-999", + "desc": "专属奖励任务" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-dan-dan-fan-li.png", + "label": "单单享", + "title": "10天单单返利", + "uniqueId": "6929_3_612111_6497_-999", + "desc": "单单多赚50%" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-mian-chou-cheng.png", + "label": "免抽成", + "title": "1张免抽成卡", + "uniqueId": "6929_3_612115_6497_-999", + "desc": "0抽成，赚更多" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-zeng-feng-shou-ka.png", + "title": "赠“1号PLUS”周卡", + "uniqueId": "6929_1_-999_6497_-999", + "desc": "能量值+50" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-you-xian-qiang-dan.png", + "title": "2张优先抢单卡", + "uniqueId": "6929_3_612124_6497_-999", + "desc": "抢单成功率翻倍" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-neng-liang-bao-hu.png", + "title": "2天能量值保护", + "uniqueId": "6929_3_612117_6497_-999", + "desc": "能量值+100，只增不扣" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-wu-xian-zuo-dan.png", + "title": "无限做单", + "uniqueId": "6929_3_612119_6497_-999", + "desc": "做单无限制" + }, + { + "icon": "https://s3-gz01.didistatic.com/freight-web-v3/driver-client-page/driverGuarantee/icon-zi-dong-qiang-dan.png", + "title": "2张自动抢单", + "uniqueId": "6929_3_612128_6497_-999", + "desc": "自动抢单省心省力" + } +] \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 6db9b79..11cfccf 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -3,7 +3,8 @@ import Home from '../views/Home.vue'; import VoucherNormal from '../views/VoucherNormal/index.vue'; import ExportFile from '../views/ExportFile/index.vue'; import Sortable from '../views/Sortable/index.vue'; -import Anchor from '../views/Anchor/index.vue'; +// import Anchor from '../views/Anchor/index.vue'; +import SameHeightPeers from '../views/SameHeightPeers/index.vue'; const routes = [ { @@ -26,10 +27,15 @@ const routes = [ name: 'Sortable', component: Sortable, }, + // { + // path: '/Anchor', + // name: 'Anchor', + // component: Anchor, + // }, { - path: '/Anchor', - name: 'Anchor', - component: Anchor, + path: '/SameHeightPeers', + name: 'SameHeightPeers', + component: SameHeightPeers, }, ]; diff --git a/src/views/Experience/css-scene.md b/src/views/Experience/css-scene.md index 1d68e8e..d2fa1eb 100644 --- a/src/views/Experience/css-scene.md +++ b/src/views/Experience/css-scene.md @@ -7,3 +7,5 @@ -- 使用flex-end结合margin-bottom实现 # 权益卡片：有限空间内，主副标题长度不确定且无法限制，如何保证上下边距不变，且内容显示完整 +解决方案：使用flex布局 + 高度由内容撑开方式 +-- flex布局可以使同行的卡片高度保持一致 \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue index 90b1d20..1edb84f 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -4,7 +4,7 @@ - + + \ No newline at end of file diff --git a/src/views/SameHeightPeers/index.vue b/src/views/SameHeightPeers/index.vue new file mode 100644 index 0000000..fb53d63 --- /dev/null +++ b/src/views/SameHeightPeers/index.vue @@ -0,0 +1,25 @@ + + + \ No newline at end of file -- GitLab