如何在vue中创建拆分的1/2登录屏幕，使一侧包含字段，另一侧为图像？

Question

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

Answer 1

在使用Vuetify时，可以使用container、layout和flex列来创建：

<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