Vue.js 我应该编辑什么来修复此设计？

我面临着在前端视图中向下移动“选择”按钮的问题。我想更改视频部分下方按钮的位置，请提供帮助

使用v-card-text是否有问题？或者我丢失了一些分区标签，救命

[

选择文件
保存并继续

将视频标签包装在

v行中；这将占用整行视频，然后是下一行选择文件按钮

下面是示例代码：

              <v-row>
                <video id="id" controls="controls">
                  <source id="src" />
                </video>
              </v-row>
              <v-row>
                <v-col class="d-flex justify-center" cols="12">
                  <v-btn
                    class="accent-3 blue mb-1 mt-6"
                    dark
                    @click="pickFile"
                  >
                    Select File
                  </v-btn>
                </v-col>
              </v-row>


选择文件
Hi Riyaz，它不起作用，看起来像是经过修改的图像。
              <v-row>
                <video id="id" controls="controls">
                  <source id="src" />
                </video>
              </v-row>
              <v-row>
                <v-col class="d-flex justify-center" cols="12">
                  <v-btn
                    class="accent-3 blue mb-1 mt-6"
                    dark
                    @click="pickFile"
                  >
                    Select File
                  </v-btn>
                </v-col>
              </v-row>