#

whycq

2022-09-23 f37b247605f79823dbac06445dc96f76b897aab7

 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;
   }