前端页面标签和{{ }}值添加边框 - CSS样式

可以使用CSS样式来为标签和{{ }}里的值添加边框。可以为标签和值分别添加类名，并在CSS中为这些类名设置边框样式。

HTML代码：

<a-row>
    <a-col :span="12">
        <a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="工号" prop="workId">
            <a-list class="label-with-border">
                <a-list-item class="value-with-border">{{ 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="label-with-border">
                <a-list-item class="value-with-border">{{ mdl.name }}</a-list-item>
            </a-list>
        </a-form-model-item>
    </a-col>
</a-row>

CSS代码：

.label-with-border {
    border: 1px solid black;
}

.value-with-border {
    border: 1px solid black;
}

这样就为标签和{{ }}里的值添加了边框。你可以根据需要自定义边框样式。