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

View File

@ -57,7 +57,7 @@
</div> </div>
</el-header> </el-header>
<el-main class="border p-20"> <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-form-item label="分类名称">
<el-input v-model="form.name" placeholder="分类的名称" /> <el-input v-model="form.name" placeholder="分类的名称" />
</el-form-item> </el-form-item>