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