[问题修复]1.滚动条样式修改

Jin Lei

2023-11-15 3a51b1f823582e6f1938a5ef78d228d8aa4d0c6d

[问题修复]1.滚动条样式修改

 index.html

@@ -9,6 +9,7 @@
  <link rel="stylesheet" href="./static/SmartEarthSDK/Cesium/Widgets/widgets.css">
  <link rel="stylesheet" href="./static/iconfont/iconfont.css">
  <link rel="stylesheet" href="./static/CimSDK/CimSDK.min.css">
  <link rel="stylesheet" href="./static/css/style.css">
  <style>
    #qjMap {
      width: 100%;

 src/components/map/viewer.vue

@@ -162,7 +162,8 @@
        }
      );
      window.Viewer = sgworld._Viewer;
      window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer);
      
      window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer,Cesium);
      Viewer.shadows = false;
      //深度检测
      sgworld.Analysis.depthTestAgainstTerrain(true);

 static/SmartEarthSDK/Workers/TreeTool.js

@@ -9,7 +9,7 @@
    this.sgworld = sgworld
    this.treeData = new Map()
    this.colorTool = sgworld.Core.gradientColor();
    this.sgwfs = new window.SmartEarth.WFSTool(sgworld._Viewer)
    this.sgwfs = new window.SmartEarth.WFSTool(sgworld._Viewer,Cesium)
}

/**

 static/css/style.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,26 @@

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    scrollbar-arrow-color: red;
  }
  
  /* æ»šåŠ¨æ¡ */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
    background: rgba(218, 218, 218, 0.5);
    cursor: pointer;
    scrollbar-arrow-color: red;
  }
  
  /* æ»šåŠ¨æ§½ */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
    border-radius: 0;
    background: rgba(218, 218, 218, 0.1);
  }