test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-11-30 02:08:12 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

style(container): fix lint

Browse Source
This commit is contained in:
Rachel 2020-08-06 11:07:59 +08:00 committed by Herrington Darkholme
parent 00f9bc3256
commit ea871546f8
5 changed files with 8 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/container/doc/basic.vue
View File

@ -4,18 +4,15 @@
<el-header>Header</el-header>
<el-main>Main</el-main>
</el-container>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
<el-footer>Footer</el-footer>
</el-container>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-main>Main</el-main>
</el-container>
<el-container>
<el-header>Header</el-header>
<el-container>
@ -23,7 +20,6 @@
<el-main>Main</el-main>
</el-container>
</el-container>
<el-container>
<el-header>Header</el-header>
<el-container>
@ -34,7 +30,6 @@
</el-container>
</el-container>
</el-container>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-container>
@ -42,7 +37,6 @@
<el-main>Main</el-main>
</el-container>
</el-container>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-container>
@ -61,30 +55,25 @@
text-align: center;
line-height: 60px;
}
.el-aside {
background-color: #D3DCE6;
color: #333;
text-align: center;
line-height: 200px;
}
.el-main {
background-color: #E9EEF3;
color: #333;
text-align: center;
line-height: 160px;
}
body > .el-container {
margin-bottom: 40px;
}
.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
line-height: 260px;
}
.el-container:nth-child(7) .el-aside {
line-height: 320px;
}

4
packages/container/src/aside.vue
View File

@ -4,7 +4,7 @@
</aside>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { defineComponent } from 'vue'
export default defineComponent({
name: 'ElAside',
@ -14,5 +14,5 @@ export default defineComponent({
default: '300px',
},
},
});
})
</script>

4
packages/container/src/footer.vue
View File

@ -4,7 +4,7 @@
</footer>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { defineComponent } from 'vue'
export default defineComponent({
name: 'ElFooter',
@ -14,5 +14,5 @@ export default defineComponent({
default: '60px',
},
},
});
})
</script>

4
packages/container/src/header.vue
View File

@ -4,7 +4,7 @@
</footer>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { defineComponent } from 'vue'
export default defineComponent({
name: 'ElHeader',
@ -14,5 +14,5 @@ export default defineComponent({
default: '60px',
},
},
});
})
</script>

4
packages/container/src/main.vue
View File

@ -4,9 +4,9 @@
</main>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { defineComponent } from 'vue'
export default defineComponent({
name: 'ElMain',
});
})
</script>