diff --git a/src/components/CircleProgress/index.vue b/src/components/CircleProgress/index.vue index 25bcce0..691f709 100644 --- a/src/components/CircleProgress/index.vue +++ b/src/components/CircleProgress/index.vue @@ -57,7 +57,7 @@ top: '34%', textStyle: { color: '#00D0FF', - fontSize: fitChartSize(24) + fontSize: fitChartSize(20) } }, { @@ -66,7 +66,7 @@ top: '56%', textStyle: { color: '#fff', - fontSize: fitChartSize(16) + fontSize: fitChartSize(14) } } ], diff --git a/src/views/sentiment/index.vue b/src/views/sentiment/index.vue index 1ba15b4..62cc679 100644 --- a/src/views/sentiment/index.vue +++ b/src/views/sentiment/index.vue @@ -211,8 +211,21 @@ .modal-body { padding: 16px; color:#fff; - height:vh(850); + height:vh(780); overflow:auto; + /* 滚动条整体样式 */ + &::-webkit-scrollbar { + width: vw(4); /* 滚动条的宽度 */ + } + /* 滚动条轨道 */ + &::-webkit-scrollbar-track { + background: 'transparent'; /* 轨道的背景色 */ + } + /* 滚动条滑块 */ + &::-webkit-scrollbar-thumb { + background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */ + border-radius: 5px; /* 滑块的圆角 */ + } } .m-modal{ display: flex; @@ -248,6 +261,13 @@ line-height: 2; color: #fff; margin-top:vh(10); + width:100%; + img{ + width:100%; + } +} +.content *{ + width:100%; } .modal-footer {