From 3fc27febccd04e2fcffbd2cdd16d2daafd0b3ca3 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 11 Oct 2025 17:23:27 +0800
Subject: [PATCH] feat:首页地图相关调整
---
src/components/theme-picker/index.vue | 23 ++++++++++++-----------
1 files changed, 12 insertions(+), 11 deletions(-)
diff --git a/src/components/theme-picker/index.vue b/src/components/theme-picker/index.vue
index 2945bc0..0747ec7 100644
--- a/src/components/theme-picker/index.vue
+++ b/src/components/theme-picker/index.vue
@@ -1,9 +1,11 @@
<template>
<view class="flex flex-wrap gap-3">
<view
- v-for="(item, index) in colors" :key="index"
+ v-for="(item, index) in colors"
+ :key="index"
class="mb-10rpx h-40rpx w-40rpx center cursor-pointer border-4rpx border-gray-300 rounded-4rpx border-solid"
- :class="{ 'border-white': theme === item.name }" :style="{ backgroundColor: item.color }"
+ :class="{ 'border-white': theme === item.name }"
+ :style="{ backgroundColor: item.color }"
@click="changeTheme(item.name)"
>
<view v-if="theme === item.name" class="i-mdi-check text-32rpx c-#fff" />
@@ -12,25 +14,24 @@
</template>
<script setup>
-import { useAppStore } from "@/store"
+import { useAppStore } from "@/store";
-const appStore = useAppStore()
+const appStore = useAppStore();
const colors = [
{
name: "",
- color: "#21d59d"
+ color: "#21d59d",
},
{
name: "blue",
- color: "#3c9cff"
- }
-]
+ color: "#3c9cff",
+ },
+];
-const theme = computed(() => appStore.getTheme)
+const theme = computed(() => appStore.getTheme);
function changeTheme(theme) {
- appStore.setTheme(theme)
+ appStore.setTheme(theme);
}
-
</script>
--
Gitblit v1.9.3