Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：名片后面的蓝色背景删除

Browse Source
This commit is contained in:
jing
2026-10-24 15:58:01 +08:00
parent e98d3ba0e5
commit 45b53b7bf5
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components-diy/diy-card-mini.vue
View File

@@ -25,7 +25,7 @@
<!-- 名片卡(精品名片 show 同款版式: 蓝底顶带 + 白卡压边; 角标压在左上) --> <!-- 名片卡(精品名片 show 同款版式: 蓝底顶带 + 白卡压边; 角标压在左上) -->
<view v-else class="mini-card-wrap"> <view v-else class="mini-card-wrap">
<view class="mini-band" :style="bandStyle"></view> <view v-if="showBand" class="mini-band" :style="bandStyle"></view>
<view class="mini-card fade-up" :style="wrapStyle" :class="{ 'qr-at-corner': qrPos === 'corner' }"> <view class="mini-card fade-up" :style="wrapStyle" :class="{ 'qr-at-corner': qrPos === 'corner' }">
<!-- 角标插槽(如 self 组件的「我的名片」) --> <!-- 角标插槽(如 self 组件的「我的名片」) -->
<view class="mini-badge-slot"> <view class="mini-badge-slot">
@@ -510,6 +510,10 @@ export default {
gradientStyle() { gradientStyle() {
return this.$util.objToStyle({ background: themeGradient(this.card) }); return this.$util.objToStyle({ background: themeGradient(this.card) });
}, },
/** 蓝色顶带开关(默认关): 参考图要求去掉卡片背后的蓝底, 只保留头部主题蓝 */
showBand() {
return flagOn(this.c.showBand, false);
},
bandStyle() { bandStyle() {
// 蓝色顶带底色: 名片主题渐变(精选名片 show 同款) // 蓝色顶带底色: 名片主题渐变(精选名片 show 同款)
return this.$util.objToStyle({ background: themeGradient(this.card) }); return this.$util.objToStyle({ background: themeGradient(this.card) });