ykxiao
/
DemuMesDataV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update lib

This commit is contained in:
jiaming743 2019-08-30 18:24:50 +08:00
parent 66c9a542cf
commit 7c0992e19f
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/components/capsuleChart/src/main.css
View File

@ -1,4 +1,4 @@
.capsule-chart {
.dv-capsule-chart {
position: relative;
display: flex;
flex-direction: row;
@ -6,7 +6,7 @@
padding: 10px;
color: #fff;
}
.capsule-chart .label-column {
.dv-capsule-chart .label-column {
display: flex;
flex-direction: column;
justify-content: space-between;
@ -15,29 +15,29 @@
text-align: right;
font-size: 12px;
}
.capsule-chart .label-column div {
.dv-capsule-chart .label-column div {
height: 20px;
line-height: 20px;
}
.capsule-chart .capsule-container {
.dv-capsule-chart .capsule-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.capsule-chart .capsule-item {
.dv-capsule-chart .capsule-item {
box-shadow: 0 0 3px #999;
height: 10px;
margin: 5px 0px;
border-radius: 5px;
}
.capsule-chart .capsule-item div {
.dv-capsule-chart .capsule-item div {
height: 8px;
margin-top: 1px;
border-radius: 5px;
transition: all 0.3s;
}
.capsule-chart .unit-label {
.dv-capsule-chart .unit-label {
height: 20px;
font-size: 12px;
display: flex;
@ -45,7 +45,7 @@
align-items: center;
justify-content: space-between;
}
.capsule-chart .unit-text {
.dv-capsule-chart .unit-text {
text-align: right;
display: flex;
align-items: flex-end;

2
lib/components/capsuleChart/src/main.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="capsule-chart">
<div class="dv-capsule-chart">
<template v-if="mergedConfig">
<div class="label-column">
<div v-for="item in mergedConfig.data" :key="item.name">{{ item.name }}</div>