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 | 17 +++++++++++++++--
1 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/components/y-input/y-input.vue b/components/y-input/y-input.vue
index 6cdef71..c88ac20 100644
--- a/components/y-input/y-input.vue
+++ b/components/y-input/y-input.vue
@@ -1,10 +1,15 @@
<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">
+ <slot />
</view>
</view>
</view>
@@ -79,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