refactor: 去掉所有通道商户应用卡片的品牌图标

所有 *AppCard.vue 中去掉应用名称左侧的渠道品牌图标(微信/支付宝/抖音)
- WechatMchAppCard.vue / WechatIsvAppCard.vue
- AlipayMchAppCard.vue / AlipayIsvAppCard.vue
- DouyinMchAppCard.vue
This commit is contained in:
DaxPay Dev
2026-06-16 10:04:53 +08:00
parent e1f215dab3
commit c669c1c6f7
5 changed files with 0 additions and 55 deletions

View File

@@ -7,11 +7,6 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 支付宝品牌色值(与支付渠道展示一致)
const alipayColor = '#1677ff';
const alipaySvgUrl = getProviderSvgUrl('alipay');
defineProps<{
record: AlipayIsvApp;
@@ -31,12 +26,6 @@
>
<!-- 卡片主体 -->
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${alipayColor}1a` }"
>
<img v-if="alipaySvgUrl" :src="alipaySvgUrl" class="w-6 h-6" alt="alipay" />
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span class="truncate text-base font-semibold leading-snug text-foreground">

View File

@@ -9,11 +9,6 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 支付宝品牌色值
const alipayColor = '#1677ff';
const alipaySvgUrl = getProviderSvgUrl('alipay');
const props = defineProps<{
record: AlipayMchApp;
@@ -43,12 +38,6 @@
class="alipay-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm"
>
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${alipayColor}1a` }"
>
<img v-if="alipaySvgUrl" :src="alipaySvgUrl" class="w-6 h-6" alt="alipay" />
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span class="truncate text-base font-semibold leading-snug text-foreground">

View File

@@ -7,14 +7,9 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
import { computed } from 'vue';
// 抖音品牌色值
const douyinColor = '#000000';
const douyinSvgUrl = getProviderSvgUrl('douyin');
const props = defineProps<{
record: DouyinMchApp;
}>();
@@ -41,12 +36,6 @@
<template>
<div class="douyin-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${douyinColor}1a` }"
>
<img v-if="douyinSvgUrl" :src="douyinSvgUrl" class="w-6 h-6" alt="douyin" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}

View File

@@ -9,11 +9,6 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 微信支付品牌色值
const wechatColor = '#07c160';
const wechatSvgUrl = getProviderSvgUrl('wechat');
const props = defineProps<{
record: WechatIsvApp;
@@ -42,12 +37,6 @@
<template>
<div class="wechat-isv-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${wechatColor}1a` }"
>
<img v-if="wechatSvgUrl" :src="wechatSvgUrl" class="w-6 h-6" alt="wechat" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}

View File

@@ -9,11 +9,6 @@
import { PermCodes } from '#/constants/perm-codes';
import { usePermission } from '#/hooks/usePermission';
import { getProviderSvgUrl } from '#/views/payment/shared/payProviderDisplay';
// 微信支付品牌色值
const wechatColor = '#07c160';
const wechatSvgUrl = getProviderSvgUrl('wechat');
const props = defineProps<{
record: WechatMchApp;
@@ -42,12 +37,6 @@
<template>
<div class="wechat-mch-app-card group flex h-full min-h-[128px] flex-col rounded-xl border bg-card shadow-sm">
<div class="card-body flex flex-1 items-center gap-3 px-4 py-4">
<div
class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg"
:style="{ backgroundColor: `${wechatColor}1a` }"
>
<img v-if="wechatSvgUrl" :src="wechatSvgUrl" class="w-6 h-6" alt="wechat" />
</div>
<div class="min-w-0 flex-1">
<div class="truncate text-base font-semibold leading-snug text-foreground">
{{ record.appName || '-' }}