如何在vuetify对话框中设置布局行？

import { vDialog } from 'vuetify/lib';

<template>
  <v-dialog v-model="dialogVisible" max-width="500px">
    <!-- 对话框内容 -->
  </v-dialog>
</template>

<template>
  <v-dialog v-model="dialogVisible" max-width="500px">
    <v-card>
      <v-row>
        <v-col cols="12" md="6">
          <!-- 左侧内容 -->
        </v-col>
        <v-col cols="12" md="6">
          <!-- 右侧内容 -->
        </v-col>
      </v-row>
    </v-card>
  </v-dialog>
</template>

<template>
  <v-dialog v-model="dialogVisible" max-width="500px">
    <v-card>
      <v-row>
        <v-col cols="12" md="6">
          <!-- 左侧内容 -->
          <v-text-field label="姓名"></v-text-field>
        </v-col>
        <v-col cols="12" md="6">
          <!-- 右侧内容 -->
          <v-text-field label="年龄"></v-text-field>
        </v-col>
      </v-row>
      <v-divider></v-divider>
      <v-card-actions>
        <v-btn color="primary">确定</v-btn>
        <v-btn color="secondary" @click="dialogVisible = false">取消</v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>