From 9d5ab5c09d83a3202b6fdd49b0434b9b6f158697 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com> Date: Sun, 5 Mar 2023 23:57:04 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A1=A8=E5=8D=95=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/App.vue b/src/App.vue index 8e37891..776af2d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -160,43 +160,43 @@ export default { .widget-item { position: relative; display: flex; + justify-content: space-between; align-items: center; width: 100%; margin-top: 2rpx; - padding: 0 30rpx; + padding: 44rpx 30rpx; box-sizing: border-box; + line-height: 44rpx; + .picker, .title { + position: absolute; + top: 0; + left: 0; + display: block; width: 100%; - line-height: 100%; + box-sizing: border-box; + } + .title { font-size: 30rpx; color: #2d2d2d; - padding: 44rpx 65rpx; - box-sizing: border-box; + padding: 44rpx 0 44rpx 100rpx; } .picker { z-index: 10; width: 100%; } .icon { - position: absolute; - top: 44rpx; - left: 30rpx; color: #8194f2; } .more { - position: absolute; - right: 30rpx; - top: 40rpx; color: #a7a7a7; font-size: 37rpx; } .iconfont.icon-dingwei { font-size: 44rpx; - top: 38rpx; } .iconfont.icon-shijian { font-size: 40rpx; - top: 38rpx; } .iconfont.icon-jinru { font-size: 37rpx;