#

whycq

2022-12-23 46906c8d44ce2cca3b91de08dc282f06bb7b07a0

 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,14 @@
      border-radius: 5rpx;
      background-color: #409EFF;
   }
   .title {
      width: 100%;
      height: 50rpx;
      line-height: 55rpx;
      font-size: 32rpx;
      font-weight: 900;
      font-family: SimHei , Helvetica, sans-serif;
      letter-spacing: 3rpx;
      color: #303133;
   }
</style>