From 97d55d5b998dfaf4ed5e86c20fcb3fc1075d41b3 Mon Sep 17 00:00:00 2001
From: Lou <luzhiping@qqyjz.com>
Date: Mon, 18 Mar 2024 18:11:00 +0800
Subject: [PATCH] 更新
---
components/caption/caption.vue | 41 +++++++++++++++++++++++------------------
1 files changed, 23 insertions(+), 18 deletions(-)
diff --git a/components/caption/caption.vue b/components/caption/caption.vue
index 2fec3fd..e2ffbcb 100644
--- a/components/caption/caption.vue
+++ b/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;
--
Gitblit v1.9.3