我正在使用 quasar 框架,但我不知道为什么 .vue 组件中的垂直滚动条会根据窗口的宽度而失败。它适用于小于 600 像素的宽度。
home.vue 代码:
<template>
<div class="layout-padding">
<div class="user">
<p>User Component</p>
<router-view class="layout-view"></router-view>
</div>
<div>
<i>account_circle</i>
<p class="bg-red-1">Quasar framework</p>
<button class="secondary" @click="toggleFullscreen()">
<i class="on-left">zoom_out_map</i>
Toggle Fullscreen
</button>
</div>
<div>
<p>-</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous for <cite title="Quasar Framework">Quasar Framework</cite></small>
</blockquote>
</div>
</div>
</template>