这些内容前端显示的时候没有边框请加上整齐的两列边框并写出加上边框的代码 a-row a-col span=12 a-form-model-item labelCol=span 8 wrapperCol=wrapperCol1 label=工号 prop=work
添加边框的代码如下所示:
<a-row>
<a-col :span="12">
<a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="工号" prop="workId">
<a-list class="bordered">
<a-list-item>{{ mdl.workId }}</a-list-item>
</a-list>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="姓名" prop="name">
<a-list class="bordered">
<a-list-item>{{ mdl.name }}</a-list-item>
</a-list>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="职务" prop="postName">
<a-list class="bordered">
<a-list-item>{{ mdl.postName }}</a-list-item>
</a-list>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="职务编码" prop="postCode">
<a-list class="bordered">
<a-list-item>{{ mdl.postCode }}</a-list-item>
</a-list>
</a-form-model-item>
</a-col>
</a-row>
<!-- 其他内容省略 -->
在上述代码中,我使用了 bordered 类来为 <a-list> 标签添加边框样式。你可以根据需要自定义这个样式,或者使用已有的样式类来设置边框样式。
原文地址: https://www.cveoy.top/t/topic/i3Lr 著作权归作者所有。请勿转载和采集!