mirror of
https://gitee.com/bootx/dax-pay-ui
synced 2026-08-12 15:35:39 +08:00
refactor: 去掉所有通道商户应用卡片的品牌图标
所有 *AppCard.vue 中去掉应用名称左侧的渠道品牌图标(微信/支付宝/抖音) - WechatMchAppCard.vue / WechatIsvAppCard.vue - AlipayMchAppCard.vue / AlipayIsvAppCard.vue - DouyinMchAppCard.vue
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
@@ -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 || '-' }}
|
||||
|
||||
Reference in New Issue
Block a user