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, /