javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 04:27:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): check docs before stable (#5740)

Browse Source
This commit is contained in:
C.Y.Kun
2022-01-31 23:43:56 +08:00
committed by GitHub
parent 4501b6dd66
commit b46bdae9e6
103 changed files with 1244 additions and 767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/examples/avatar/basic.vue
View File

@ -37,3 +37,29 @@ const state = reactive({
const { circleUrl, squareUrl, sizeList } = toRefs(state)
</script>
<style scoped>
.demo-basic {
text-align: center;
}
.demo-basic .sub-title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary);
}
.demo-basic .demo-basic--circle,
.demo-basic .demo-basic--square {
display: flex;
justify-content: space-between;
align-items: center;
}
.demo-basic .block:not(:last-child) {
border-right: 1px solid var(--el-border-color-base);
}
.demo-basic .block {
flex: 1;
}
.demo-basic .el-col:not(:last-child) {
border-right: 1px solid var(--el-border-color-base);
}
</style>

20
docs/examples/avatar/fit.vue
View File

@ -16,3 +16,23 @@ const state = reactive({
const { fits, url } = toRefs(state)
</script>
<style scoped>
.demo-fit {
display: flex;
text-align: center;
justify-content: space-between;
}
.demo-fit .block {
flex: 1;
display: flex;
flex-direction: column;
flex-grow: 0;
}
.demo-fit .title {
margin-bottom: 10px;
font-size: 14px;
color: var(--el-text-color-secondary);
}
</style>

14
docs/examples/avatar/types.vue
View File

@ -17,3 +17,17 @@
<script setup lang="ts">
import { UserFilled } from '@element-plus/icons-vue'
</script>
<style scoped>
.demo-type {
display: flex;
}
.demo-type > div {
flex: 1;
text-align: center;
}
.demo-type > div:not(:last-child) {
border-right: 1px solid var(--el-border-color-base);
}
</style>