更新

Lou

2024-03-18 97d55d5b998dfaf4ed5e86c20fcb3fc1075d41b3

 components/caption/caption.vue

@@ -2,50 +2,55 @@
   <view class="caption flex a-i-c j-c-s-b">
      <view class="flex a-i-c">
         <view class="line"></view>
         <text class="f-32 fw">{{title}}</text>
         <text class=" fw" :style="{fontSize:fontSize}">{{title}}</text>
      </view>
      <view class="caption-right"  v-if="isLink"    @click="navTo()">
      <view class="caption-right" v-if="isLink" @click="navTo()">
         <text class="f-26 c-99">更多</text>
         <u-icon name="arrow-right" color="#999"  size="14" ></u-icon>
         <u-icon name="arrow-right" color="#999" size="14"></u-icon>
      </view>
		

   </view>
</template>

<script>
   export default {
      name:"captionRow",
      props:{
         title:String,     //左侧标题
         isLink:{          //是否展示右侧箭头并开启点击反馈
            type:Boolean,
            default:false
      name: "captionRow",
      props: {
         title: String, //左侧标题
         isLink: { //是否展示右侧箭头并开启点击反馈
            type: Boolean,
            default: false
         },
         url:String       //点击后跳转的URL地址
         url: String, //点击后跳转的URL地址
         fontSize: {
            type: String,
            value: '32rpx'
         }
      },
      methods:{
         navTo(){
      methods: {
         navTo() {
            uni.navigateTo({
               url:this.url
               url: this.url
            })
         }
      }
   }
</script>

<style lang="scss"  scoped>
<style lang="scss" scoped>
   .caption {
      width: 100%;
      padding: 30rpx 0 0;
	

      .line {
         width: 6rpx;
         height: 28rpx;
         background-color: #017BFC;
         margin-right: 14rpx;
      }
      .caption-right{
         width:120rpx;

      .caption-right {
         width: 120rpx;
         display: flex;
         justify-content: flex-end;
         align-items: center;