我如何自定义网格系统？ [关闭]

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

[<5天前关闭。

我有一个布局dekstop，如该代码笔所示：

https://codepen.io/happyforever/pen/vYYoYNw?editors=1010

[如果在桌面上访问，则需要这样的布局，但是，如果在移动版本中访问，则希望标题为player的卡位于顶部。

我该怎么办？

Answer 1

使用order的v-col道具...

Vue Codeply

<v-container>
  <v-row>
    <v-col
      cols="12"
      md="8"
      order="1"
      order-md="0"
    >
      ..
    </v-col>
    <v-col
      cols="12"
      md="4"
      order="0"
      order-md="1"
    >
      <v-card
        class="pa-2 mb-4"
        outlined
        tile
      >
        <p class="title">Player</p>
        ...
      </v-card>
    </v-col>
  </v-row>
</v-container>