From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 12 九月 2024 01:23:40 +0800
Subject: [PATCH] 规则维护更新
---
src/layouts/default/sider/DragBar.vue | 56 ++++++++++++++++++++++++--------------------------------
1 files changed, 24 insertions(+), 32 deletions(-)
diff --git a/src/layouts/default/sider/DragBar.vue b/src/layouts/default/sider/DragBar.vue
index ce74d85..1b988b7 100644
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -1,43 +1,35 @@
<template>
<div :class="getClass" :style="getDragBarStyle"></div>
</template>
-<script lang="ts">
- import { defineComponent, computed, unref } from 'vue';
+<script lang="ts" setup>
+ import { computed, unref } from 'vue';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
- export default defineComponent({
- name: 'DargBar',
- props: {
- mobile: Boolean,
- },
- setup(props) {
- const { getMiniWidthNumber, getCollapsed, getCanDrag } = useMenuSetting();
+ defineOptions({ name: 'DargBar' });
- const { prefixCls } = useDesign('darg-bar');
- const getDragBarStyle = computed(() => {
- if (unref(getCollapsed)) {
- return { left: `${unref(getMiniWidthNumber)}px` };
- }
- return {};
- });
+ const props = defineProps({
+ mobile: Boolean,
+ });
- const getClass = computed(() => {
- return [
- prefixCls,
- {
- [`${prefixCls}--hide`]: !unref(getCanDrag) || props.mobile,
- },
- ];
- });
+ const { getMiniWidthNumber, getCollapsed, getCanDrag } = useMenuSetting();
- return {
- prefixCls,
- getDragBarStyle,
- getClass,
- };
- },
+ const { prefixCls } = useDesign('darg-bar');
+ const getDragBarStyle = computed(() => {
+ if (unref(getCollapsed)) {
+ return { left: `${unref(getMiniWidthNumber)}px` };
+ }
+ return {};
+ });
+
+ const getClass = computed(() => {
+ return [
+ prefixCls,
+ {
+ [`${prefixCls}--hide`]: !unref(getCanDrag) || props.mobile,
+ },
+ ];
});
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3