sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 4c963e6b2ac57585d996b3134c9da48ff3c67cc3 [formerly d814792f640f7852b18b1d5e88b6c696867a12f3] [formerly 4c963e6b2ac57585d996b3134c9da48ff3c67cc3 [formerly d814792f640f7852b18b1d5e88b6c696867a12f3] [formerly 4c963e6b2ac57585d996b3134c9da48ff3c67cc3 [formerly d814792f640f7852b18b1d5e88b6c696867a12f3] [formerly d814792f640f7852b18b1d5e88b6c696867a12f3 [formerly d60eb3d92af6d7aca69d0ae95f44b67f69e7e8ff [formerly 7e812f11ba838173e63c4bbff391365ef12c114d]]]]]
Former-commit-id: 1293be874322a65bea6cf7efb615f9ae73b1af9b
Former-commit-id: 0ee50845ebe6b38731f0dccdb7dd154624206257
Former-commit-id: bab7ae2c943acc69b077e700f55f9b9a16c78259 [formerly 465226c28beddf7b9fcadee5581a05799a5b9b4a]
Former-commit-id: 06413528d609e638694ffc338dbdd3a64db82513
Former-commit-id: 947ef33191cea3f9a413b5d3ffd54827b9808ea2
Former-commit-id: ddd4cc15d2f24aefe4f88740cba54fbbbfec974b
Former-commit-id: 8882f4cccfc06e694cc83f674db9ecb04bfb3a62
Former-commit-id: 5744c15f15117c5fdf4e320ab8bc3f66a92e3b46
This commit is contained in:
liyang
2018-06-17 08:35:38 +08:00
parent 7a6f12ea86
commit 56428ca55e
3 changed files with 75 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/pages/demo/element/basic-color/index.vue Normal file
View File

@@ -0,0 +1,72 @@
<template>
<d2-container type="ghost">
<el-card shadow="never" class="d2-mb">
<template slot="header">主色</template>
<el-row :gutter="20">
<el-col :span="6">
<div class="color color-primary">
<!-- <h1>$color-primary</h1> -->
</div>
</el-col>
</el-row>
</el-card>
<el-card shadow="never" class="d2-mb">
<template slot="header">辅助色</template>
<el-row :gutter="20">
<el-col :span="6">
<div class="color color-info"></div>
</el-col>
<el-col :span="6">
<div class="color color-success"></div>
</el-col>
<el-col :span="6">
<div class="color color-warning"></div>
</el-col>
<el-col :span="6">
<div class="color color-danger"></div>
</el-col>
</el-row>
</el-card>
<el-card shadow="never">
<template slot="header">中性色</template>
<el-row :gutter="20">
<el-col :span="6">
<div class="color color-info"></div>
</el-col>
<el-col :span="6">
<div class="color color-success"></div>
</el-col>
<el-col :span="6">
<div class="color color-warning"></div>
</el-col>
<el-col :span="6">
<div class="color color-danger"></div>
</el-col>
</el-row>
</el-card>
</d2-container>
</template>
<style lang="scss" scoped>
@import '~@/assets/style/unit/_color.scss';
.color {
border-radius: 4px;
height: 100px;
}
.color-primary {
background-color: $color-primary;
}
.color-info {
background-color: $color-info;
}
.color-success {
background-color: $color-success;
}
.color-warning {
background-color: $color-warning;
}
.color-danger {
background-color: $color-danger;
}
</style>