mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 09:50:58 +08:00
36 lines
824 B
Vue
36 lines
824 B
Vue
<template>
|
|
<el-button-group>
|
|
<el-button type="primary" :icon="ArrowLeft">Previous Page</el-button>
|
|
<el-button type="primary">
|
|
Next Page<el-icon class="el-icon--right"><ArrowRight /></el-icon>
|
|
</el-button>
|
|
</el-button-group>
|
|
|
|
<el-button-group class="ml-4">
|
|
<el-button type="primary" :icon="Edit"></el-button>
|
|
<el-button type="primary" :icon="Share"></el-button>
|
|
<el-button type="primary" :icon="Delete"></el-button>
|
|
</el-button-group>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {
|
|
ArrowLeft,
|
|
Edit,
|
|
Share,
|
|
Delete,
|
|
ArrowRight,
|
|
} from '@element-plus/icons-vue'
|
|
</script>
|
|
|
|
<style>
|
|
:root {
|
|
--el-color-primary: #409eff;
|
|
--el-color-success: #67c23a;
|
|
--el-color-warning: #e6a23c;
|
|
--el-color-danger: #f56c6c;
|
|
--el-color-error: #f56c6c;
|
|
--el-color-info: #909399;
|
|
}
|
|
</style>
|