您可以使用条件绑定来实现这个需求。在 Vue 中，可以通过 :style 绑定一个对象或计算属性来根据条件动态设置样式。
以下是修改后的代码：
<a-row>
<a-col :span="8" :style="{ margin: isDetail ? '10px 0' : '20px 0' }">
<a-button
class="margin-right-10 button-light-blue"
@click="openMakePay('add')"
:disabled="isDetail"
v-if="lisDetail"
>
新增
</a-button>
</a-col>
<a-col :span="5" :style="{ margin: isDetail ? '10px 0' : '20px 0' }">
<div>勾稽金额总金额: {{ totalLoanAmount }}</div>
</a-col>
<a-col :span="5" :style="{ margin: isDetail ? '10px 0' : '20px 0' }">
<div>挂账金额总金额: {{ totalLoanAmount }}</div>
</a-col>
<a-col :span="5" :style="{ margin: isDetail ? '10px 0' : '20px 0' }">
<div>实际打款总金额: {{ totalOverduePrincipal }}</div>
</a-col>
</a-row>
这样，当 isDetail 为 true 时，margin会是 “10px 0”，否则是 “20px 0”。
内容由零声教学AI助手提供，问题来源于学员提问
&1 请帮我分析有什么问题，这是在操作shar..." />
