#

whycq

2022-09-23 d2c57ec06d66b13e3a79cac3ebc1d3dad3679153

 components/y-title/y-title.vue

@@ -1,7 +1,9 @@
<template>
   <view style="display: flex;align-items: center;width: 100%;background-color: #fff;border-radius: 5rpx;">
      <view class="decorate"></view>
      <view>{{titleText}}</view>
   <view>
         <view style="display: flex;align-items: center;width: 100%;">
            <view class="decorate"></view>
            <view class="title">{{titleText}}</view>
         </view>
   </view>
</template>

@@ -10,7 +12,7 @@
      name:"y-title",
      props: {
         title: {
            type: String,
            type: [String,Number],
            default: '标题'
         },
      },
@@ -24,6 +26,7 @@
            
         };
      }
		
   }
</script>

@@ -35,4 +38,15 @@
      border-radius: 5rpx;
      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: 1%;
      letter-spacing: 4rpx;
      color: #303133;
   }
</style>