From f37b247605f79823dbac06445dc96f76b897aab7 Mon Sep 17 00:00:00 2001 From: whycq <you@example.com> Date: 星期五, 23 九月 2022 10:31:30 +0800 Subject: [PATCH] # --- components/y-input/y-input.vue | 16 ++++++++++++++-- 1 files changed, 14 insertions(+), 2 deletions(-) diff --git a/components/y-input/y-input.vue b/components/y-input/y-input.vue index 28e4894..c88ac20 100644 --- a/components/y-input/y-input.vue +++ b/components/y-input/y-input.vue @@ -1,7 +1,11 @@ <template> <view> <view class="main"> - <view class="title" :class="zBig">{{titleText}}</view> + <view style="display: flex;align-items: center;"> + <!-- 鏍囬瑁呴グ --> + <view class="line"></view> + <view class="title" :class="zBig">{{titleText}}</view> + </view> <view :class="zBig"> <input type="text" :placeholder="placeholderText" @input="input" placeholder-style="font-size:22rpx" v-model="val"> @@ -80,13 +84,21 @@ border-radius: 5rpx; box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1); } + .line { + width: 8rpx; + height: 24rpx; + border-radius: 5rpx; + margin-left: 2%; + background-color: #409EFF; + } .title { + width: 100%; height: 50rpx; line-height: 55rpx; font-size: 32rpx; font-weight: bold; font-family: Arial, Helvetica, sans-serif; - text-indent: 1em; + text-indent: 3%; letter-spacing: 8rpx; color: #303133; } -- Gitblit v1.9.1