From 1534aee0339dee8000cdd26c21797cf3ad391f7a Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 06 五月 2024 17:33:23 +0800
Subject: [PATCH] 新增折线图模块功能
---
src/components/BaseCard.vue | 20 +++++++++++++++++---
1 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/src/components/BaseCard.vue b/src/components/BaseCard.vue
index a24f197..a01f0a0 100644
--- a/src/components/BaseCard.vue
+++ b/src/components/BaseCard.vue
@@ -6,6 +6,12 @@
<slot name="content"></slot>
</div>
</div>
+ <div class="ff-footer">
+ <slot name="footer"></slot>
+ </div>
+ <div v-if="size != 'small'" class="ff-triangle">
+ <div class="ff-triangle-border"></div>
+ </div>
</div>
</template>
@@ -23,18 +29,26 @@
},
/**
* 鏍峰紡鏈濆悜
- * left | right
+ * left | right | top-left
*/
direction: {
type: String,
default: 'left'
+ },
+ /**
+ * 閫夋嫨鏃犺竟妗嗘柟鍚�
+ * r锛堝彸渚ф棤杈规锛� | t锛堥《閮ㄦ棤杈规锛�
+ */
+ borderless: {
+ type: String
}
},
computed: {
wrapClz() {
- let clz = 'ff-content fy-container';
- clz += ` ff-content-${this.size}`;
+ let clz = 'ff-content p-events-auto';
clz += ` ff-content-${this.direction}`;
+ clz += ` ff-content-${this.size}`;
+ clz += `${this.borderless ? '-borderless-' + this.borderless : ''}`;
return clz;
}
}
--
Gitblit v1.9.3