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

some optimization

This commit is contained in:
jiaming 2018-12-07 18:28:29 +08:00
parent 12ab80d7ff
commit 224c4ecd8d
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/capsuleChart/index.vue
View File

@ -72,6 +72,8 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
@import url('../../assets/style/index.less');
.capsule-chart { .capsule-chart {
position: relative; position: relative;
display: flex; display: flex;
@ -86,7 +88,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-right: 10px; padding-right: 10px;
text-align: right; text-align: right;
font-size: 12px; font-size: @CCLCFS;
div { div {
height: 20px; height: 20px;
@ -102,7 +104,7 @@ export default {
} }
.capsule-item { .capsule-item {
box-shadow: 0 0 3px #999; box-shadow: 0 0 3px @CCCIBSC;
height: 10px; height: 10px;
margin: 5px 0px; margin: 5px 0px;
border-radius: 5px; border-radius: 5px;
@ -120,7 +122,7 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: @CCULFS;
} }
.unit-text { .unit-text {

12
src/components/ringChart/index.vue
View File

@ -357,6 +357,8 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
@import url('../../assets/style/index.less');
.ring-chart { .ring-chart {
position: relative; position: relative;
@ -376,17 +378,17 @@ export default {
max-width: 25%; max-width: 25%;
.percent-show { .percent-show {
font-size: 28px; font-size: @RCPSNFS;
&::after { &::after {
content: '%'; content: '%';
font-size: 15px; font-size: @RCPSAFS;
margin-left: 5px; margin-left: 5px;
} }
} }
.current-label { .current-label {
font-size: 16px; font-size: @RCCLFS;
margin-top: 5%; margin-top: 5%;
transform: rotateY(0deg); transform: rotateY(0deg);
overflow: hidden; overflow: hidden;
@ -410,9 +412,9 @@ export default {
width: 100%; width: 100%;
height: 30px; height: 30px;
bottom: 0px; bottom: 0px;
font-size: 12px; font-size: @RCLLFS;
line-height: 30px; line-height: 30px;
color: rgba(255, 255, 255, 0.6); color: @RCLLC;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;