【类 型】:fix 待处理订单模块 抽屉 - 手机分辨率自适应

【原  因】:
【过  程】:
【影  响】:
This commit is contained in:
tk 2024-08-08 17:20:49 +08:00
parent 3493634953
commit b9ba2072db
2 changed files with 4 additions and 10 deletions

View File

@ -64,12 +64,12 @@
></el-button>
</el-badge>
<el-drawer
:custom-class="drawerAuto ? 'el-drawer-small' : 'el-drawer-large'"
:custom-class="$store.state.app.isWideScreen ? 'el-drawer-small' : 'el-drawer-large'"
:visible.sync="drawer"
:size="drawerAuto ? '90%' : '60%'"
:size="$store.state.app.isWideScreen ? '90%' : '60%'"
:append-to-body="true"
:modal-append-to-body="false"
:direction="drawerAuto ? 'btt' : 'rtl'"
:direction="$store.state.app.isWideScreen ? 'btt' : 'rtl'"
>
<template slot="title">
<div>
@ -171,12 +171,6 @@ export default {
SelectionShopId
},
computed: {
/**
* @description: 屏幕宽度是否小于480
*/
drawerAuto () {
return window.innerWidth < 480
},
/**
* @description: 侧边栏显隐
*/

View File

@ -57,7 +57,7 @@
</div>
</el-header>
<el-main class="border p-20">
<el-form ref="form" :model="form" label-width="120px" :label-position="this.$store.state.app.isWideScreen?'top':'right'">
<el-form ref="form" :model="form" label-width="120px" :label-position="$store.state.app.isWideScreen?'top':'right'">
<el-form-item label="分类名称">
<el-input v-model="form.name" placeholder="分类的名称" />
</el-form-item>