如何在 vue 中创建拆分 1/2 登录屏幕，以便一侧包含字段，另一侧是图像

Question

https://vuestic.epicmax.co/#/auth/login我想要一些看起来像上面链接的东西。

Answer 1

当你使用

Vuetify 时，你可以使用容器、布局和弹性列来创建它：

<v-container>
    <v-layout row wrap>
      <!-- xs12 and sm12 to make it responsive = 12 columns on mobile and 6 columns from medium to XL layouts -->
      <v-flex xs12 sm12 md6>
        <!-- Login form here -->
      </v-flex>
      <v-flex xs12 sm12 md6>
        <!-- artwork here -->
      </v-flex>
    </v-layout>
  </v-container>

在此处查看有关如何使用网格系统的更多详细信息：https://vuetifyjs.com/en/framework/grid