From 77e5c96577bfe426e4a341361e5c196dd5c5b7c9 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期日, 25 八月 2024 16:28:28 +0800
Subject: [PATCH] feat: 增加一些组件
---
src/views/oneThree/member/index.vue | 89 ++++++++++----------------------------------
1 files changed, 20 insertions(+), 69 deletions(-)
diff --git a/src/views/oneThree/member/index.vue b/src/views/oneThree/member/index.vue
index 0b0f8b3..5c1119f 100644
--- a/src/views/oneThree/member/index.vue
+++ b/src/views/oneThree/member/index.vue
@@ -46,48 +46,28 @@
</div>
</div>
<div class="right">
- <the-a-tabs style="margin: 8px 0" :data="['鍩烘湰淇℃伅', '浜哄憳杞ㄨ抗', '鍑鸿淇℃伅', '璧勬簮淇℃伅']" :index="0" />
+ <the-a-tabs
+ style="margin: 8px 0"
+ :data="['鍩烘湰淇℃伅', '浜哄憳杞ㄨ抗', '鍑鸿淇℃伅', '璧勬簮淇℃伅']"
+ :index="index"
+ @handleChange="handleChange"
+ />
<section>
- <div class="menus">
- <div><the-a-change :data="changeData" default-value="custom"></the-a-change></div>
- <div><a-time-picker type="time-range" style="width: 250px" /></div>
- <div>
- <the-a-select :data="['姝ｅ簭', '鍊掑簭']" placeholder="璇烽�夋嫨" title="鎺掑簭"></the-a-select>
- </div>
- <div>
- <the-a-select :data="['1鍙锋ゼ', '2鍙锋ゼ']" placeholder="璇烽�夋嫨" title="鍑虹幇鍦扮偣"></the-a-select>
- </div>
- <div>
- <a-button type="primary">
- <template #icon>
- <icon-search />
- </template>
- <template #default>鎼滅储</template>
- </a-button>
- </div>
- <div>
- <a-button>
- <template #icon>
- <icon-refresh />
- </template>
- <template #default>閲嶇疆</template>
- </a-button>
- </div>
- <div class="buttons">
- <div>
- <icon-list size="20" />
- </div>
- <div class="button active">
- <icon-apps size="20" />
- </div>
- </div>
- </div>
+ <member-basic v-if="index === 0" />
+ <member-track v-if="index === 1" />
+ <member-travel v-if="index === 2" />
+ <member-source v-if="index === 3" />
</section>
</div>
</div>
</template>
<script lang="ts" setup name="member">
+import memberBasic from "./pages/basic.vue";
+import memberSource from "./pages/source.vue";
+import memberTrack from "./pages/track.vue";
+import memberTravel from "./pages/travel.vue";
+const index = ref(0);
const changeData = reactive([
{
name: "1澶�",
@@ -103,16 +83,7 @@
}
]);
const data = reactive({
- desc: [
- "鎵�灞炲皬鍖猴細鍖椾含",
- "鎵�灞炴淳鍑烘墍锛氭潵骞胯惀娲惧嚭鎵�",
- "棣栨鎶撴媿鏃堕棿锛�2023-12-12 12:23",
- "棣栨鎶撴媿鍦扮偣锛氫簩鍙锋ゼ",
- "鎶撴媿娆℃暟锛�23",
- "鍑虹幇澶╂暟锛�12",
- "鏈�鍚庡嚭鐜版椂闂达細2024-01-12 12:23",
- "甯镐綇鍦板潃锛欰灏忓尯1鏍�2鍗曞厓201"
- ],
+ desc: ["鎵�灞炲皬鍖猴細鍖椾含", "鎵�灞炴淳鍑烘墍锛氭潵骞胯惀娲惧嚭鎵�", "棣栨鎶撴媿鏃堕棿锛�2023-12-12 12:23"],
tags: [
{
title: "浜哄憳鏍囩",
@@ -142,6 +113,9 @@
}
]
});
+const handleChange = (value: number) => {
+ index.value = value;
+};
</script>
<style lang="scss" scoped>
@@ -230,7 +204,7 @@
}
}
.icons {
- margin: 75px 0;
+ margin: 25px 0 50px;
display: flex;
> div {
margin-right: 10px;
@@ -246,29 +220,6 @@
background: var(--color-bg-2);
padding-top: 20px;
margin-top: 10px;
- .menus {
- display: flex;
- padding: 0 5px 20px 20px;
- > div {
- margin-right: 10px;
- &.buttons {
- display: flex;
- background: var(--color-fill-2);
- > div {
- width: 34px;
- height: 34px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- &.active {
- background: #1057fd;
- color: #fff;
- }
- }
- }
- }
- }
}
}
}
--
Gitblit v1.8.0