From ee10fad031a071787943c5e9a4c7260c29eccb5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=94=E7=BB=B4=E5=B1=BF?= Date: Tue, 24 Oct 2023 09:45:52 +0800 Subject: [PATCH] modified some style sheet --- src/miniprogram/pages/Main/main.wxml | 4 ++-- src/miniprogram/pages/Main/main.wxss | 20 +++++++++++--------- src/miniprogram/pages/Order/order.wxss | 8 +++++--- src/miniprogram/pages/profile/profile.wxml | 2 +- src/miniprogram/pages/profile/profile.wxss | 14 +++++++++++--- 5 files changed, 30 insertions(+), 18 deletions(-) diff --git a/src/miniprogram/pages/Main/main.wxml b/src/miniprogram/pages/Main/main.wxml index 82a0e12..278f91d 100644 --- a/src/miniprogram/pages/Main/main.wxml +++ b/src/miniprogram/pages/Main/main.wxml @@ -36,8 +36,8 @@ - - {{item.name}} + + {{item.name}} 电话号码:{{item.phone}} diff --git a/src/miniprogram/pages/Main/main.wxss b/src/miniprogram/pages/Main/main.wxss index 9b03a7e..415a66f 100644 --- a/src/miniprogram/pages/Main/main.wxss +++ b/src/miniprogram/pages/Main/main.wxss @@ -32,7 +32,7 @@ margin: 20rpx auto; padding: 20rpx; background-color: #83acc4; - border-radius: 10rpx; + border-radius: 25rpx; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1); } @@ -71,11 +71,13 @@ } .image { - width: 50%; - height: 300rpx; + width: 25%; + height: 160rpx; object-fit: cover; border-radius: 10rpx 0 0 10rpx; - border: 2rpx solid #ccc; /* 添加框线样式 */ + align-self: flex-start; + /* border: 2rpx solid #ccc; 添加框线样式 + 丑的一比,下次不要加了*/ } @@ -99,19 +101,19 @@ .button-container { display: flex; - justify-content: space-between; + /* justify-content: space-between; */ margin-top: 20rpx; } .button { - flex: 1; + /* flex: 1; */ background-color: #48477c; color: #fff; font-size: 28rpx; padding: 10rpx; - border-radius: 5rpx; + border-radius: 8rpx; text-align: center; - margin-right: 10rpx; + /* margin-right: 10rpx; */ } .button-wrapper { @@ -146,7 +148,7 @@ button { .cover{ background-color: #f1f1f1; text-align: center; - padding: 80rpx; + padding: 10rpx; } .app{ width: 160rpx; diff --git a/src/miniprogram/pages/Order/order.wxss b/src/miniprogram/pages/Order/order.wxss index 61de1bf..02d20cb 100644 --- a/src/miniprogram/pages/Order/order.wxss +++ b/src/miniprogram/pages/Order/order.wxss @@ -2,13 +2,15 @@ .tab{ display: flex; - justify-content: space-between; + justify-content: space-around; background-color: #838d9e; height: 45px; - border-radius: 10%; + border-radius: 0 0 30rpx 30rpx; } .tab-item{ - font-size: 25px; + font-size: 20px; + align-self: center; + margin: 10rpx; } .content-container { display: flex; diff --git a/src/miniprogram/pages/profile/profile.wxml b/src/miniprogram/pages/profile/profile.wxml index 2a033bf..3c705dd 100644 --- a/src/miniprogram/pages/profile/profile.wxml +++ b/src/miniprogram/pages/profile/profile.wxml @@ -50,7 +50,7 @@ 你的基本情况: - + diff --git a/src/miniprogram/pages/profile/profile.wxss b/src/miniprogram/pages/profile/profile.wxss index 2d4f1bc..5bac7e1 100644 --- a/src/miniprogram/pages/profile/profile.wxss +++ b/src/miniprogram/pages/profile/profile.wxss @@ -52,16 +52,20 @@ margin: 40rpx; } .section{ - margin: 40rpx 0 80rpx; + margin: 40rpx 0 0rpx; } .title{ font-weight: 36rpx; + color: #b4a69f; } .input{ + background-color: #ffffff; margin:30rpx 0; - border-bottom: 1px solid #666; + /* border-bottom: 1px solid #666; */ + border-top: solid 1px; + border-bottom: solid 1px; padding: 20rpx 0; - width:100% + width:100%; } .mg{ margin: 30rpx 0; @@ -78,4 +82,8 @@ color: #000; font-size: 44rpx; margin: 50rpx 32rpx; +} + +.picker { + color: #818183; } \ No newline at end of file