From c489353359df439fed247398cdb10a1aa51362c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Thu, 13 Nov 2025 15:54:56 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=B8=AA=E4=BA=BA=E4=B8=AD?= =?UTF-8?q?=E5=BF=83=E7=9A=84=E8=B4=AD=E7=89=A9=E8=BD=A6=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/shopCar/index/index.css | 282 +++++++++++ packages/shopCar/index/index.vue | 802 +++++++++++++++++++++++++++++++ pages.json | 12 + pages/user/index.vue | 2 +- 4 files changed, 1097 insertions(+), 1 deletion(-) create mode 100644 packages/shopCar/index/index.css create mode 100644 packages/shopCar/index/index.vue diff --git a/packages/shopCar/index/index.css b/packages/shopCar/index/index.css new file mode 100644 index 00000000..a934dc65 --- /dev/null +++ b/packages/shopCar/index/index.css @@ -0,0 +1,282 @@ +.main { + height: 77vh; + overflow-y: auto; +} + +.searchBox { + display: flex; + align-items: center; + z-index: 2; + padding-bottom: 30rpx; +} + +.searchBox_mid { + font-size: 40rpx; + color: #222222; + flex: 1; + text-align: center; +} + +.searchBox_left { + box-sizing: border-box; + padding-left: 20rpx; + flex: 1; +} + +.searchBox_right { + opacity: 0; + flex: 1; +} + +.isDay { + position: absolute; + +} + +.tag { + background-color: #ff7d00; + color: white; + font-size: 22rpx; + padding: 5rpx 10rpx; + border-radius: 20rpx 0 20rpx 20rpx; +} + +.tag-img { + position: absolute; + /* top: 1; */ + bottom: 1; + left: 10; + z-index: 1; +} + +.is_day { + margin-left: 20rpx; +} + +.empty { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-top: 160rpx; +} + +.empty image { + width: 500rpx; + height: 500rpx; +} + +.empty div { + font-size: 26rpx; + color: #999999; + margin-top: -40rpx; + text-align: center; +} + +.deleteIcon { + margin: 0 40rpx; + box-sizing: border-box; + margin-top: 36rpx; + display: flex; + justify-content: flex-end; +} + +.goodsItem_supplier { + display: flex; + align-items: center; + margin: 20rpx; +} + +.goodsItem_tit { + font-size: 35rpx; + font-weight: bold; +} + +.goodsItem { + display: flex; + align-items: center; + margin: 0 20rpx; + padding: 30rpx 0; + box-sizing: border-box; + border-bottom: 1rpx solid #EBEBEB; +} + +.goodsItem_left { + width: 32rpx; + height: 32rpx; + margin-right: 32rpx; +} + +.goodsItem_right { + flex: 1; +} + +.goodsItem_msg { + display: flex; + align-items: center; +} + +.goodsItem_msg_right { + flex: 1; +} + +.goodsItem_msg_img { + width: 140rpx; + height: 140rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin-right: 20rpx; +} + +.goodsItem_msg_right { + flex: 1; +} + +.goodsItem_msg_right_msg_left { + display: flex; + align-items: center; + font-size: 34rpx; + color: #FF370B; + margin-top: 26rpx; +} + +.goodsItem_msg_right_tit { + font-size: 30rpx; + color: #000000; + font-weight: 700; +} + +.goodsItem_msg_right_subTit { + font-size: 26rpx; + color: #999999; + margin-top: 10rpx; +} + +.goodsItem_msg_right_msg { + display: flex; + align-items: center; + justify-content: space-between; +} + +.goodsItem_msg_right_msg_left span { + font-size: 28rpx; +} + + +.goodsItem_msg_right_msg_right { + display: flex; + align-items: center; +} + +.minus { + width: 22px; + height: 22px; + border-width: 1px; + border-color: #E6E6E6; + border-style: solid; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + display: flex; + justify-content: center; + align-items: center; +} + +.input { + padding: 0 10px; +} + +.plus { + width: 22px; + height: 22px; + background-color: #FF0000; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + + +.footer { + width: 750rpx; + background: #FFFFFF; + box-shadow: 3rpx -3rpx 15rpx 0rpx rgba(255, 27, 27, 0.05); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 40rpx 20rpx; + position: fixed; + left: 0; + right: 0; + bottom: 0; + justify-content: space-between; +} + +.footer_left { + display: flex; + align-items: center; +} + +.footer_all { + font-size: 28rpx; + color: #000000; + display: flex; + align-items: center; +} + +.footer_all image { + width: 28rpx; + height: 28rpx; + margin-right: 16rpx; +} + +.footer_total { + font-weight: bold; + font-size: 40rpx; + color: #FF370B; + margin-left: 90rpx; +} + +.footer_total span { + font-size: 32rpx; + color: #222222; + font-weight: 400; +} + +.footer_right { + font-size: 36rpx; + color: #FFFFFF; + font-weight: 700; + width: 230rpx; + height: 70rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; +} + +/* 选项卡样式 */ +.tab-bar { + display: flex; + justify-content: space-around; + align-items: center; + padding: 20rpx 0; + background-color: #FFFFFF; + border-bottom: 1rpx solid #EBEBEB; +} + +.tab-item { + font-size: 32rpx; + color: #666666; + padding: 10rpx 20rpx; + border-radius: 20rpx; + transition: all 0.3s ease; +} + +.tab-item.active { + color: #FF370B; + font-weight: bold; + background-color: rgba(255, 55, 11, 0.1); +} \ No newline at end of file diff --git a/packages/shopCar/index/index.vue b/packages/shopCar/index/index.vue new file mode 100644 index 00000000..6ae6bc6c --- /dev/null +++ b/packages/shopCar/index/index.vue @@ -0,0 +1,802 @@ + + + + + \ No newline at end of file diff --git a/pages.json b/pages.json index 584046e1..08d1b74e 100644 --- a/pages.json +++ b/pages.json @@ -977,6 +977,18 @@ } ] }, + { + "root": "packages/shopCar", + "pages": [ + { + "path": "index/index", + "style": { + "navigationBarTitleText": "购物车", + "navigationBarBackgroundColor": "#ffffff" + } + } + ] + }, { "root": "packages/park", "pages": [ diff --git a/pages/user/index.vue b/pages/user/index.vue index 87e118bb..7d50ce9a 100644 --- a/pages/user/index.vue +++ b/pages/user/index.vue @@ -188,7 +188,7 @@ export default { { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1564.png", name: "购物车", - url: "", + url: "/packages/shopCar/index/index", }, ], visitList: [{