refactor(money-detail):调整导出按钮布局并居中

调整充值明细页面的导出按钮布局,使其在中心对齐,改善页面布局效果。此调整涉及使用`el-row`和`el-col`组件对导出按钮进行重新排布,并确保其在页面上水平居中。
master
wxy 2024-08-27 22:33:24 +08:00
parent 2fdf565679
commit 804ad882d4
1 changed files with 17 additions and 12 deletions

View File

@ -2,7 +2,9 @@
<div style="padding: 20px;">
<h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
<el-divider></el-divider>
<el-col :span="1.5">
<el-row>
<el-col :span="50"></el-col>
<el-col :span="5" :offset="15">
<el-button
v-hasPermi="['system:pay:export']"
icon="el-icon-download"
@ -13,6 +15,8 @@
>导出
</el-button>
</el-col>
</el-row>
<el-table
:data="listDate"
style="width: 100%; border-collapse: collapse;">
@ -98,7 +102,8 @@ export default {
this.listDate = response.data.rows;
this.total = response.data.total;
}
);}
);
}
}
}
</script>