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

update lib

Browse Source
This commit is contained in:
jiaming743
2019-08-29 16:50:19 +08:00
parent 6adcd9c6cb
commit 8d1e0064a7
7 changed files with 249 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
lib/components/capsuleChart/src/main.css Normal file
View File

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