baseCard-按钮
说明：
1、按钮位置通过栅格来控制，多个按钮增加多个el-col即可
2、最外层 div 上的margin、padding控制div的外边距和内边距，四个值分别为上、右、下、左
<div style="padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;">
<base-card title="直播活动" >
<el-row :gutter="20" slot="header-right">
<el-col :span="4" :offset="20">
<div class="btnFloatCenter">
<el-button type="primary" size="small">创建活动</el-button>
</div>
</el-col>
</el-row>
</base-card>
</div>
import BaseCard from '@/components/BaseCard/BaseCard'
export default {
components: {
BaseCard
}
}
<style scoped>
.btnFloatCenter{
width: 100%;
text-align: center;
transform: translateY(3%);
}
.btnFloatLeft{
width: 100%;
text-align: left;
transform: translateY(3%);
}
.btnFloatRight{
width: 100%;
text-align: right;
transform: translateY(3%);
}
</style>