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,17 +2,21 @@
<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-button <el-col :span="50"></el-col>
v-hasPermi="['system:pay:export']" <el-col :span="5" :offset="15">
icon="el-icon-download" <el-button
plain v-hasPermi="['system:pay:export']"
size="mini" icon="el-icon-download"
type="warning" plain
@click="handleExport" size="mini"
>导出 type="warning"
</el-button> @click="handleExport"
</el-col> >导出
</el-button>
</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>