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;