From dfed86dccd861116043479000e6ab7f02fc599d7 Mon Sep 17 00:00:00 2001 From: gongfuxiang Date: Tue, 22 Nov 2022 15:04:05 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E5=88=86=E7=A6=BB?= =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BD=93=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/cart/cart.vue | 735 ++++++++++++++++++++++++++++++++++ components/popup/popup.vue | 2 +- pages/cart-page/cart-page.vue | 39 ++ pages/cart/cart.css | 139 ------- pages/cart/cart.vue | 594 +-------------------------- 5 files changed, 791 insertions(+), 718 deletions(-) create mode 100644 components/cart/cart.vue create mode 100644 pages/cart-page/cart-page.vue delete mode 100644 pages/cart/cart.css diff --git a/components/cart/cart.vue b/components/cart/cart.vue new file mode 100644 index 00000000..479bfa59 --- /dev/null +++ b/components/cart/cart.vue @@ -0,0 +1,735 @@ + + + diff --git a/components/popup/popup.vue b/components/popup/popup.vue index daafecef..55fd3916 100644 --- a/components/popup/popup.vue +++ b/components/popup/popup.vue @@ -89,7 +89,7 @@ transform: translateY(-100%); } .popup-bottom { - bottom: 0; + bottom: var(--window-bottom); width: 100vw; transform: translateY(100%); } diff --git a/pages/cart-page/cart-page.vue b/pages/cart-page/cart-page.vue new file mode 100644 index 00000000..1ac618a2 --- /dev/null +++ b/pages/cart-page/cart-page.vue @@ -0,0 +1,39 @@ + + + \ No newline at end of file diff --git a/pages/cart/cart.css b/pages/cart/cart.css deleted file mode 100644 index 9674f21e..00000000 --- a/pages/cart/cart.css +++ /dev/null @@ -1,139 +0,0 @@ -/** -* 商品列表 -*/ -.page { - padding-bottom: 100rpx; -} -.goods-title { - line-height: 44rpx; - min-height: 86rpx; -} -.goods-image { - width: 155rpx; - height: 155rpx; - margin-right: 20rpx; -} -.goods-base { - margin-left: 175rpx; -} -.goods-item .items { - padding-left: 80rpx; -} -.goods-item .selected { - margin-top: 60rpx; -} - -/** - * 错误提示 - */ -.goods-item .error-msg { - left: 96rpx; - top: 78rpx; - width: 160rpx; -} -.goods-item .error-msg text { - padding: 2rpx 10rpx; - box-shadow: 0 2px 10px rgb(181 181 181 / 95%); -} - -/** - * 底部 - */ -.goods-item .goods-bottom { - height: 58rpx; -} - -/** -* 数量操作 -*/ -.number-content { - right: 0; - top: 0; -} -.number-content .number-submit { - width: 60rpx; - font-weight: bold; -} -.number-content input { - width: 30px; - border-width: 0 1px; - border-style: solid; - border-color: #efefef; -} -.number-content .number-submit, -.number-content input { - padding: 0; - height: 50rpx; - line-height: 50rpx; -} - -/** -* 空购物车 -*/ -.no-data-box { - padding: 30% 0 0 0; -} -.no-data-box image { - width: 160rpx; -} - -/** -* 操作导航 -*/ -.buy-nav { - position: fixed; - z-index: 2; - left: 0; - bottom: 0; - /* #ifdef H5 || APP */ - bottom: var(--window-bottom); - /* #endif */ -} -.buy-nav, -.nav-base { - height: 100rpx; - line-height: 100rpx; -} -.nav-submit button { - height: 72rpx; - line-height: 72rpx; -} -.nav-base { - width: calc(75% - 20rpx); -} -.nav-submit { - width: calc(25% - 40rpx); -} -.nav-submit button { - border-radius: 0; -} -.selected .icon { - width: 35rpx; - height: 35rpx !important; - margin: 0 10rpx; -} -.buy-nav .price { - width: calc(100% - 140rpx); -} -.buy-nav .sales-price { - max-width: calc(100% - 40px); -} -.nav-remove-submit { - top: 38rpx; - left: 66rpx; - padding: 0rpx 20rpx; - line-height: 36rpx; -} - -/* -* 展示型 -*/ -.exhibition-mode button { - line-height: 80rpx; -} -.exhibition-mode-data .items { - padding-left: 0; -} -.exhibition-mode-data .error-msg { - left: 26rpx; -} \ No newline at end of file diff --git a/pages/cart/cart.vue b/pages/cart/cart.vue index 4546b0c5..1ac618a2 100644 --- a/pages/cart/cart.vue +++ b/pages/cart/cart.vue @@ -1,106 +1,7 @@ + \ No newline at end of file