|
@@ -49,6 +49,11 @@ import variables from "@/assets/styles/variables.scss";
|
|
|
|
|
|
export default {
|
|
|
components: { SidebarItem, Logo },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isCollapse: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(["settings"]),
|
|
|
...mapGetters(["sidebarRouters", "sidebar"]),
|
|
@@ -67,11 +72,28 @@ export default {
|
|
|
variables() {
|
|
|
return variables;
|
|
|
},
|
|
|
- isCollapse() {
|
|
|
- // return !this.sidebar.opened;
|
|
|
- // return true
|
|
|
- return false;
|
|
|
+ // isCollapse() {
|
|
|
+ // // return !this.sidebar.opened;
|
|
|
+ // // return true
|
|
|
+ // return false;
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onLayoutResize() {
|
|
|
+ console.log("resize");
|
|
|
+ const clientWidth = document.documentElement.clientWidth;
|
|
|
+ if (clientWidth < 1000) {
|
|
|
+ this.isCollapse = true;
|
|
|
+ } else {
|
|
|
+ this.isCollapse = false;
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ window.addEventListener("resize", this.onLayoutResize);
|
|
|
+ },
|
|
|
+ onUnmounted() {
|
|
|
+ window.removeEventListener("resize");
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|