用antdesign vue 写一个页面 包含 一个a-card 里面包含一个a-row 两个a-col a-col的宽比例为1:5
时间: 2024-05-07 20:17:52 浏览: 143
基于antdesign的vue组件
好的,我可以为您提供一个示例代码,如下所示:
```html
<template>
<a-card>
<a-row>
<a-col :span="1">1</a-col>
<a-col :span="5">5</a-col>
</a-row>
</a-card>
</template>
```
这里使用了 `a-card` 组件作为外层容器,内部包含一个 `a-row` 行组件,行组件内部分别嵌套了两个 `a-col` 列组件,通过设置不同的 `span` 属性来控制它们的宽度比例。其中第一个列的宽度比例为 1,第二个列的宽度比例为 5。您可以根据自己的需要修改这些值。希望这可以帮助到您!
阅读全文