抽屉(Drawer)宽度自适应
使用 useDrawerAdaptiveWidth,参考UserDrawer.vue
的实现。
// step1 引入useDrawerAdaptiveWidth方法
import {useDrawerAdaptiveWidth} from '/@/hooks/jeecg/useAdaptiveWidth'
// step2 获取到adaptiveWidth
const {adaptiveWidth} = useDrawerAdaptiveWidth()
<!-- step3 在页面上使用 -->
<BasicDrawer
@register="registerDrawer"
:width="adaptiveWidth"
/>
自定义宽度范围
useDrawerAdaptiveWidth
定义了一些默认的自适应宽度,可以应对大多数情况,但是如果当默认的自适应宽度范围无法满足的需求时,就可以自己实现自适应宽度了。
你可以参考下图的默认配置进行修改。