diff --git a/components-diy/diy-card-self.vue b/components-diy/diy-card-self.vue
index 63f452c..c64db1f 100644
--- a/components-diy/diy-card-self.vue
+++ b/components-diy/diy-card-self.vue
@@ -9,7 +9,7 @@
+ 「我的名片」角标已按 2026-10-23 参考图定稿移除 -->
-
-
- 我的名片
-
-
@@ -122,9 +117,6 @@ export default {
subTextStyle() {
return this.$util.objToStyle({ color: (this.value || {}).infoColor || '#8A8F99' });
},
- badgeStyle() {
- return this.$util.objToStyle({ background: (this.card || {}).theme_color || '#2F6BFF' });
- },
loginLinkStyle() {
return this.$util.objToStyle({ color: (this.card || {}).theme_color || '#2F6BFF' });
},
@@ -230,22 +222,6 @@ export default {
width: 100%;
position: relative;
- /* 「我的名片」角标: 覆在基件右上(基件已留 logo 位, badge 靠左一点避免重叠) */
- .self-badge {
- position: absolute;
- top: 10rpx;
- left: 10rpx;
- z-index: 10;
- border-radius: 999rpx 0 16rpx 0;
- padding: 8rpx 20rpx;
-
- .badge-text {
- font-size: 20rpx;
- color: #ffffff;
- font-weight: 600;
- }
- }
-
/* 未登录提示条(参考图 2026-10-22): 兜底名片下方, 浅灰圆角条 左文案右链接 */
.self-login-bar {
margin-top: 20rpx;
diff --git a/components-diy/diy-card-show.vue b/components-diy/diy-card-show.vue
index f618af8..e569fc8 100644
--- a/components-diy/diy-card-show.vue
+++ b/components-diy/diy-card-show.vue
@@ -71,12 +71,13 @@
{{ qrTipText }}
-
+
- {{ act.label }}
+ {{ act.label }}
@@ -260,24 +261,16 @@ export default {
acts() {
return this.card && Array.isArray(this.card.acts) ? this.card.acts : [];
},
- actPrimaryStyle() {
+ actChipStyle() {
+ // 快捷芯片统一「发邮件」样式(2026-10-23 参考图定稿): 白底 + 主题色描边;
+ // 尺寸/圆角由 .act-chip CSS 类控制(避免内联锁死)
const theme = (this.card && this.card.theme_color) || CardTokens.color.primary;
return this.$util.objToStyle({
- background: theme,
+ background: '#FFFFFF',
border: '2rpx solid ' + theme,
});
},
- actGhostStyle() {
- const theme = (this.card && this.card.theme_color) || CardTokens.color.primary;
- return this.$util.objToStyle({
- background: 'transparent',
- border: '2rpx solid ' + theme,
- });
- },
- actPrimaryTextStyle() {
- return this.$util.objToStyle({ color: '#FFFFFF' });
- },
- actGhostTextStyle() {
+ actChipTextStyle() {
return this.$util.objToStyle({ color: (this.card && this.card.theme_color) || CardTokens.color.primary });
},
avatarStyle() {
diff --git a/tests/diy-card-qr-style.test.js b/tests/diy-card-qr-style.test.js
index 5a43aba..ec7d009 100644
--- a/tests/diy-card-qr-style.test.js
+++ b/tests/diy-card-qr-style.test.js
@@ -247,10 +247,9 @@ test('self: miniConfig 透传头像+二维码新六字段', () => {
assert.match(selfSrc, /qrTipShow:\s*v\.qrTipShow/);
});
-test('self: 「我的名片」角标恒显 + 未登录提示条(2026-10-22 参考图定稿)', () => {
- // 角标不再依赖 isSelf(兜底名片也带「我的名片」角标)
- assert.match(selfSrc, //);
- assert.match(selfSrc, /我的名片<\/text>/);
+test('self: 「我的名片」角标已移除 + 未登录提示条(2026-10-23 参考图定稿)', () => {
+ // 角标按 2026-10-23 参考图删除(此前 2026-10-22 曾恒显), 反例防回归
+ assert.ok(!selfSrc.includes('self-badge') && !selfSrc.includes('slot="badge"'));
// 未登录提示条: 兜底名片下方, 左文案(点去登录)右链接(点去看看名片)
assert.match(selfSrc, /v-if="!hasToken && fallbackMode !== 'none' && !loading && card"\s+class="self-login-bar"/);
assert.match(selfSrc, /class="login-bar-text" :style="subTextStyle" @tap="goLogin"/);