From 4c472f6bbf82e5ef95b60ac8e417760d89a7ba36 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期五, 29 三月 2024 19:39:17 +0800
Subject: [PATCH] 购物车2
---
pages/personalCenter/index.wxss | 56 +++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 47 insertions(+), 9 deletions(-)
diff --git a/pages/personalCenter/index.wxss b/pages/personalCenter/index.wxss
index 058000d..5235b34 100644
--- a/pages/personalCenter/index.wxss
+++ b/pages/personalCenter/index.wxss
@@ -1,7 +1,5 @@
page {
background-color: #f0f2f5;
- box-sizing: border-box;
- padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}
.background {
@@ -37,7 +35,7 @@
.content-wrapper {
position: relative;
padding: 30rpx;
- padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
+ padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
}
.topBox {
@@ -75,6 +73,12 @@
.yes {
color: #1FBC1F
+}
+
+.line {
+ width: 2rpx;
+ height: 90rpx;
+ background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
}
.domainBox {
@@ -122,12 +126,14 @@
width: 46rpx;
height: 46rpx;
margin: 0 auto;
+ display: flex;
}
-.listItem .icon .t-image {
- width: 100%;
+
+.listItem .icon .img {
+ /* width: 100%; */
height: 100%;
- object-fit: contain;
+
}
.listItem .label {
@@ -140,21 +146,53 @@
.block {
width: 100vw;
- height: 240px;
background: #fff;
border-top-left-radius: 16rpx;
border-top-right-radius: 16rpx;
}
-.header {
+.block .header {
display: flex;
align-items: center;
height: 116rpx;
}
-.title {
+.block .title {
flex: 1;
text-align: center;
font-weight: 600;
font-size: 36rpx;
+}
+
+.block .body {
+ padding: 0 20rpx;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+.item {
+ width: calc(100%/2 - 30rpx);
+ text-align: center;
+ padding: 30rpx 0;
+ margin: 0 10rpx 20rpx 10rpx;
+ background: #F9F9F9;
+ border: 4rpx solid #F9F9F9;
+ border-radius: 10rpx;
+}
+
+.activeItem {
+ border: 4rpx solid #ff6c00;
+ background: #fff;
+}
+
+.footer {
+ width: 80%;
+ margin: 10rpx auto;
+}
+
+.submit {
+ background: #ff6c00;
+ color: #fff;
+ border-radius: 50rpx;
}
\ No newline at end of file
--
Gitblit v1.9.1