From b2392458ebf42594b9fc5390fda40d7a0a12f923 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 03 九月 2025 17:40:52 +0800
Subject: [PATCH] 调试自动生成网格融合图片功能（待完成）
---
src/components/BaseCard.vue | 34 ++++++++++++++++++++++++++--------
1 files changed, 26 insertions(+), 8 deletions(-)
diff --git a/src/components/BaseCard.vue b/src/components/BaseCard.vue
index a01f0a0..baf7fd2 100644
--- a/src/components/BaseCard.vue
+++ b/src/components/BaseCard.vue
@@ -9,7 +9,7 @@
<div class="ff-footer">
<slot name="footer"></slot>
</div>
- <div v-if="size != 'small'" class="ff-triangle">
+ <div v-if="type == 'content' && size == 'medium'" class="ff-triangle">
<div class="ff-triangle-border"></div>
</div>
</div>
@@ -20,8 +20,16 @@
export default {
props: {
/**
+ * 绫诲瀷
+ * content | btn
+ */
+ type: {
+ type: String,
+ default: 'content'
+ },
+ /**
* 鏍峰紡鎶樿澶у皬
- * small | medium
+ * small | medium | middle-s
*/
size: {
type: String,
@@ -29,7 +37,8 @@
},
/**
* 鏍峰紡鏈濆悜
- * left | right | top-left
+ * content: left | right | top-left | down
+ * btn: left | right | down
*/
direction: {
type: String,
@@ -45,11 +54,20 @@
},
computed: {
wrapClz() {
- 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;
+ if (this.type == 'content') {
+ 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;
+ } else if (this.type == 'btn') {
+ let clz = 'ff-toggle-btn p-events-auto';
+ clz += ` ff-toggle-btn-${this.direction}`;
+ clz += ` ff-btn-${this.size}`;
+ return clz;
+ } else {
+ return '';
+ }
}
}
};
--
Gitblit v1.9.3