|
|
@@ -531,5 +531,64 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .score-box {
|
|
|
+ width: 20px;
|
|
|
+ height: 10px;
|
|
|
+ background-color: #98e7ff;
|
|
|
+ }
|
|
|
+ .nui-scroll {
|
|
|
+ margin-top: 5px;
|
|
|
+ width: 99%;
|
|
|
+ height: 300px;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
|
|
|
+ .nui-scroll::-webkit-scrollbar {
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ }
|
|
|
+ /*正常情况下滑块的样式*/
|
|
|
+
|
|
|
+ .nui-scroll::-webkit-scrollbar-thumb {
|
|
|
+ background-color: rgba(0, 0, 0, .05);
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
|
|
+ }
|
|
|
+ /*鼠标悬浮在该类指向的控件上时滑块的样式*/
|
|
|
+
|
|
|
+ .nui-scroll:hover::-webkit-scrollbar-thumb {
|
|
|
+ background-color: rgba(0, 0, 0, .2);
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
|
|
+ }
|
|
|
+ /*鼠标悬浮在滑块上时滑块的样式*/
|
|
|
+
|
|
|
+ .nui-scroll::-webkit-scrollbar-thumb:hover {
|
|
|
+ background-color: rgba(0, 0, 0, .4);
|
|
|
+ -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
|
|
+ }
|
|
|
+ /*正常时候的主干部分*/
|
|
|
+
|
|
|
+ .nui-scroll::-webkit-scrollbar-track {
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ /*鼠标悬浮在滚动条上的主干部分*/
|
|
|
+
|
|
|
+ .nui-scroll::-webkit-scrollbar-track:hover {
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
|
|
|
+ background-color: rgba(0, 0, 0, .01);
|
|
|
+ }
|
|
|
+
|
|
|
+ .box-innercard {
|
|
|
+ /*background-color: #1f00f5;*/
|
|
|
+ }
|
|
|
+ .pie {
|
|
|
+ width: 200px;
|
|
|
+ height: 150px;
|
|
|
+ }
|
|
|
+ /* .main{
|
|
|
+ display: flex;
|
|
|
+ } */
|
|
|
</style>
|