Quellcode durchsuchen

取消元素缩放,增加滚动条

liuwei vor 4 Jahren
Ursprung
Commit
0b51a6b716

+ 3 - 4
src/renderer/App.vue

@@ -38,14 +38,13 @@
             const homeJson = arr[0]
             this.$store.dispatch('updateHomeJson',homeJson)
 
-
             // 获取大屏,信号源,设备数据,label数据并保存到vuex中
             const bigScreenJson = await reqBigScreen()
             const signalListJson = await reqPreviewSourceList()
             const deviceJson = await reqDevice()
             const labelJson = await getStaticFile('EnityLable.Data')
             this.$store.dispatch('updateLabelJson',labelJson)
-            this.$store.dispatch('saveBigscreen',bigScreenJson.filter(item => item.IsVisibility === true))
+            this.$store.dispatch('saveBigscreen',bigScreenJson)
             this.$store.dispatch('saveSignalList',signalListJson)
             this.$store.dispatch('saveDevice',deviceJson)
           }
@@ -56,10 +55,10 @@
       axios.get('static/Data/EnityWindow.Data').then(async res => {
         if (res.status === 200) {
               // 当屏幕分辨率小于客户端分辨率时,所有元素大小位置同样缩小
-              if(window.screen.width<res.data[0].Width){
+              /*if(window.screen.width<res.data[0].Width){
                 const bigScale = window.screen.width/res.data[0].Width
                 this.$store.dispatch('updateScale',bigScale)
-              }
+              }*/
           }
       })
     }

+ 23 - 1
src/renderer/assets/less/mainpage.less

@@ -3,7 +3,7 @@
   width: 100%;
   height:100vh;
   background-color: #333;
-  overflow: hidden;
+  overflow: auto;
   font-weight: 500;
   font-family: "Microsoft YaHei", serif;
 
@@ -113,3 +113,25 @@
   font-weight: 600;
   color: #d9d9d9;
 }
+
+// 滚动条样式
+/*定义滚动条高宽及背景高宽:分别对应横竖滚动条的尺寸*/
+::-webkit-scrollbar {
+  width: 4px;
+  height:4px;
+  background-color: rgba(10, 66, 125, 0.65);
+}
+
+/*定义滚动条轨道:内阴影+圆角*/
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, 0.3);
+  border-radius: 10px;
+  background-color: rgba(10, 66, 125, 0.65);
+}
+
+/*定义滑块:内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(10, 66, 125, .3);
+  background-color: #666;
+}

Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityBigScreen.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityButton.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityDevice.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityIcon.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityImage.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityLable.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnitySignalPreviewList.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityTopology.Data


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityTopologyConnection.Data


+ 1 - 1
static/Data/EnityView.Data

@@ -1 +1 @@
-[{"ID":"ed4418af-2107-4413-b445-ae8f23211c43","IsVisibility":true,"IsLock":false,"Name":"P0","BackIconObjID":"12","BackIcon":"12.jpg","BrackgroupStr":"#00FFFFFF","IsShow":false,"Code":"ed4418af-2107-4413-b445-ae8f23211c43","IsPanel":true,"EnityName":"View","ActionType":14,"Left":1419,"Top":141,"Width":200,"Height":200,"ZIndex":500,"GroupNumber":"221","IsRunVisiable":true,"isSyn":false,"WindowID":"2c621760-ee96-490a-a2de-f60f9163f756","PanelID":null,"IsWindow":false}]
+[]

Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 1
static/Data/EnityWindow.Data