From b921e333300a26393291ffac44e9d9a2ed2d92ed Mon Sep 17 00:00:00 2001
From: wang1 <844966816@qq.com>
Date: 星期四, 13 七月 2023 18:18:49 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
Source/UBCS-WEB/dist/src/page/index/top/top-theme.vue | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 112 insertions(+), 0 deletions(-)
diff --git a/Source/UBCS-WEB/dist/src/page/index/top/top-theme.vue b/Source/UBCS-WEB/dist/src/page/index/top/top-theme.vue
new file mode 100644
index 0000000..d1c22c6
--- /dev/null
+++ b/Source/UBCS-WEB/dist/src/page/index/top/top-theme.vue
@@ -0,0 +1,112 @@
+<template>
+ <div>
+ <el-dialog title="閫夋嫨"
+ append-to-body
+ :visible.sync="box"
+ width="50%">
+ <el-radio-group v-model="text"
+ class="list">
+ <el-row :span="24">
+ <el-col v-for="(item,index) in list"
+ :key="index"
+ :md="4"
+ :xs="12"
+ :sm="4">
+ <el-radio :label="item.value">{{item.name}}</el-radio>
+ </el-col>
+ </el-row>
+ </el-radio-group>
+ </el-dialog>
+
+ <span>
+ <i class="icon-zhuti"
+ @click="open"></i>
+ </span>
+ </div>
+</template>
+
+<script>
+import { setTheme } from "@/util/util";
+import { mapGetters } from "vuex";
+export default {
+ data () {
+ return {
+ box: false,
+ text: "",
+ list: [
+ {
+ name: "榛樿涓婚",
+ value: "default"
+ },
+ {
+ name: "鐧借壊涓婚",
+ value: "theme-white"
+ },
+ {
+ name: "榛戣壊涓婚",
+ value: "theme-dark"
+ },
+ {
+ name: "鐐僵涓婚",
+ value: "theme-star"
+ },
+ {
+ name: "鏅鸿兘涓婚",
+ value: "theme-bule"
+ },
+ {
+ name: "iview涓婚",
+ value: "theme-iview"
+ },
+ {
+ name: "vip涓婚",
+ value: "theme-vip"
+ },
+ {
+ name: "cool涓婚",
+ value: "theme-cool"
+ },
+ {
+ name: "d2涓婚",
+ value: "theme-d2"
+ },
+ {
+ name: "hey涓婚",
+ value: "theme-hey"
+ },
+ {
+ name: "lte涓婚",
+ value: "theme-lte"
+ }
+ ]
+ };
+ },
+ watch: {
+ text: function (val) {
+ this.$store.commit("SET_THEME_NAME", val);
+ setTheme(val);
+ }
+ },
+ computed: {
+ ...mapGetters(["themeName"])
+ },
+ mounted () {
+ this.text = this.themeName;
+ if (!this.text) {
+ this.text = "";
+ }
+ },
+ methods: {
+ open () {
+ this.box = true;
+ }
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+.list {
+ width: 100%;
+}
+</style>
+
--
Gitblit v1.10.0