vue.js - 如何在vuetify中填充内容的宽度

Question

1. 我想要的是用vuetify填满整个手机屏幕的宽度

使用此代码:

 <v-content>
    <router-view>
      <v-container fluid></v-container>
    </router-view>
  </v-content>

router view左右两侧都有margin

1. 底部导航已经安装在屏幕上，我不会拖动屏幕来显示底部导航

Answer 1

我只需要在移动设备上动态删除填充，这对我有用:

<v-container :class="{'px-0': $vuetify.breakpoint.xsOnly }">
   <router-view> </router-view>
</v-container>

目前我能找到的文档不多，但看看 code我找到了这些:

// Breakpoint ranges. 
xsOnly,
smOnly, 
smAndDown,
smAndUp,
mdOnly,
mdAndDown,
mdAndUp,
lgOnly,
lgAndDown,
lgAndUp,
xlOnly,