mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-03-01 15:35:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: [select] remove demos sass (#19365)

Browse Source 
fix(docs): [select] remove demos sass,  enable run in playground
This commit is contained in:
阿菜 Cai 2024-12-23 17:49:16 +08:00 committed by GitHub
parent 21964f6769
commit 3bcad6d83d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 55 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
docs/examples/layout/basic-layout.vue
View File

@ -1,39 +1,73 @@
<template>
<el-row>
<el-col :span="24"><div class="grid-content ep-bg-purple-dark" /></el-col>
<el-col :span="24">
<div class="grid-content ep-bg-purple-dark" />
</el-col>
</el-row>
<el-row>
<el-col :span="12"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="12"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="12">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="12">
<div class="grid-content ep-bg-purple-light" />
</el-col>
</el-row>
<el-row>
<el-col :span="8"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="8"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="8"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="8">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="8">
<div class="grid-content ep-bg-purple-light" />
</el-col>
<el-col :span="8">
<div class="grid-content ep-bg-purple" />
</el-col>
</el-row>
<el-row>
<el-col :span="6"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="6"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="6"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="6">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="6">
<div class="grid-content ep-bg-purple-light" />
</el-col>
<el-col :span="6">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="6">
<div class="grid-content ep-bg-purple-light" />
</el-col>
</el-row>
<el-row>
<el-col :span="4"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="4"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="4"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="4"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="4"><div class="grid-content ep-bg-purple" /></el-col>
<el-col :span="4"><div class="grid-content ep-bg-purple-light" /></el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple-light" />
</el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple-light" />
</el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="4">
<div class="grid-content ep-bg-purple-light" />
</el-col>
</el-row>
</template>
<style lang="scss">
<style>
.el-row {
margin-bottom: 20px;
}
.el-row:last-child {
margin-bottom: 0;
}
.el-col {
border-radius: 4px;
}

2
docs/examples/select-v2/custom-footer.vue
View File

@ -68,7 +68,7 @@ const clear = () => {
}
</script>
<style lang="scss" scoped>
<style>
.select-footer {
display: flex;
flex-direction: column;

2
docs/examples/select-v2/custom-header.vue
View File

@ -60,7 +60,7 @@ const handleCheckAll = (val: CheckboxValueType) => {
}
</script>
<style lang="scss">
<style>
.custom-header {
.el-checkbox {
display: flex;

2
docs/examples/select/custom-footer.vue
View File

@ -81,7 +81,7 @@ const clear = () => {
}
</script>
<style lang="scss" scoped>
<style>
.option-input {
width: 100%;
margin-bottom: 8px;

2
docs/examples/select/custom-header.vue
View File

@ -84,7 +84,7 @@ const handleCheckAll = (val: CheckboxValueType) => {
}
</script>
<style lang="scss">
<style>
.custom-header {
.el-checkbox {
display: flex;