From 54f5cd85e43bf92266a2617994642e1b8aa5bcb5 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期日, 25 八月 2024 10:58:14 +0800
Subject: [PATCH] feat: 增加一些组件
---
src/views/components/the-img-card/index.vue | 50 +++++++++-----------------------------------------
1 files changed, 9 insertions(+), 41 deletions(-)
diff --git a/src/views/components/the-img-card/index.vue b/src/views/components/the-img-card/index.vue
index da5365d..c67a013 100644
--- a/src/views/components/the-img-card/index.vue
+++ b/src/views/components/the-img-card/index.vue
@@ -3,38 +3,21 @@
<div class="the-img-card" :class="currentThemeMode === 'dark' ? 'card-img-dark' : ''">
<div class="img-box-card">
<div class="card-icon" :style="dynamicStyle">
- <a-image
- width="140"
- height="140"
- border-radius="14px"
- :preview="false"
- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp"
- />
+ <a-image width="140" height="140" border-radius="14px" :preview="false" :src="icon" />
</div>
<div class="card-content">
<div class="card-content-top">
<div class="card-name">
- <span class="name">寮犱笁</span>
+ <span class="name">{{ title }}</span>
<icon-woman v-if="sex && sex === 'woman'" />
<icon-man v-if="!sex && sex === 'woman'" />
</div>
- <div @click="handleChange" class="card-detail">璇︽儏 ></div>
+ <div class="card-detail" @click="handleChange">璇︽儏 ></div>
</div>
- <div>
- <span>浜哄憳缂栧彿</span>锛�
- <span>H324343</span>
- </div>
- <div>
- <span>鍑虹幇澶╂暟</span>锛�
- <span>2澶�</span>
- </div>
- <div>
- <span>灞呬綇鍦板潃</span>锛�
- <span>缁忔祹蹇�熺瓑绾ц�冭瘯</span>
- </div>
- <div>
- <span>韬唤璇佸彿</span>锛�
- <span>3673672627722</span>
+ <div v-for="(content, key) in contents" :key="key">
+ <span>{{ content.key }}</span
+ >锛�
+ <span>{{ content.value }}</span>
</div>
</div>
</div>
@@ -49,29 +32,14 @@
defineProps<{
icon?: string;
title?: string;
- unit?: string;
- metering?: number;
- colorBg?: string;
- sex?: boolean;
- isIcon?: boolean;
+ contents?: Array<any>;
}>(),
{
icon: "",
title: "",
- unit: "",
- metering: 0,
- colorBg: "#fff",
- sex: true,
- isIcon: true
+ contents: () => []
}
);
-
-const colorBg = computed(() => {
- return props.colorBg;
-});
-const dynamicStyle = {
- backgroundColor: colorBg.value // 鍔ㄦ�佽儗鏅壊
-};
const emits = defineEmits<{
(e: "handleChange", data: object): void;
--
Gitblit v1.8.0