mirror of
https://github.com/certd/certd.git
synced 2026-05-16 05:07:32 +08:00
ad360e81cb
perf: 优化antdv4 示例授权页面tree的样式 build: publish success chore: 1 chore: 1 chore: 1 fix: getFileName支持item参数 https://github.com/fast-crud/fast-crud/issues/385 fix: fs-form独立使用支持插槽 https://github.com/fast-crud/fast-crud/issues/389 fix: 修复三级以上路由页面无法缓存的问题 https://github.com/fast-crud/fast-crud/issues/394 perf: form.wrapper.buttons支持compute动态计算 feat: 表单支持变更关闭前提醒保存,form.wrapper支持beforeClose事件 fix: 修复图片裁剪按钮上下和左右相反的bug https://github.com/fast-crud/fast-crud/issues/402 perf: alioss getAuthorization接口支持后台返回key https://github.com/fast-crud/fast-crud/issues/405 perf: alioss getAuthorization接口支持后台返回key https://github.com/fast-crud/fast-crud/issues/405 perf: fs-dict-tree支持插槽 https://github.com/fast-crud/fast-crud/issues/407 perf: 单选、多选、select、tree-select、table-select 都提供selected-change事件,可以获取选中的dict选项 feat: table-select 支持查看模式 https://github.com/fast-crud/fast-crud/issues/413 perf: 优化fs-admin可以在手机上操作 chore: pnpm workspace问题优化 docs: 1 chore: antdv4 支持主题色选择 ...
42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
<template>
|
|
<div class="fs-theme" @click="show()">
|
|
<fs-iconify icon="ion:sparkles-outline" />
|
|
<a-drawer v-model:open="visible" title="主题设置" placement="right" width="350px" :closable="false" @after-open-change="afterVisibleChange">
|
|
<fs-theme-color-picker :primary-color="setting.themeConfig?.colorPrimary" @change="setting.setPrimaryColor"></fs-theme-color-picker>
|
|
</a-drawer>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { ref, defineComponent } from "vue";
|
|
import FsThemeColorPicker from "./color-picker.vue";
|
|
import { useSettingStore } from "/@/store/modules/settings";
|
|
|
|
export default defineComponent({
|
|
name: "FsTheme",
|
|
components: { FsThemeColorPicker },
|
|
setup() {
|
|
const visible = ref(false);
|
|
function afterVisibleChange() {}
|
|
function show() {
|
|
visible.value = true;
|
|
}
|
|
|
|
const setting = useSettingStore();
|
|
return {
|
|
visible,
|
|
show,
|
|
afterVisibleChange,
|
|
setting
|
|
};
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.fs-theme {
|
|
}
|
|
.fs-theme-drawer {
|
|
}
|
|
</style>
|