Просмотр исходного кода

feat:修改控制点按钮图标

jinx 4 лет назад
Родитель
Сommit
5b75a1afe4
6 измененных файлов с 202 добавлено и 9 удалено
  1. 4 4
      css/style.css
  2. BIN
      img/icon/icon_load_n.png
  3. BIN
      img/icon/icon_load_s.png
  4. 1 1
      js/custom.js
  5. 196 3
      locat/style.css
  6. 1 1
      style.css

+ 4 - 4
css/style.css

@@ -321,7 +321,7 @@ sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="坐标"] {
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
 
 
-sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="控制点"] {
+sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="设置"] {
     background: url(../img/icon/icon_load_n.png?4)no-repeat;
     background: url(../img/icon/icon_load_n.png?4)no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
     width: 60px;
     width: 60px;
@@ -329,7 +329,7 @@ sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="控制点"] {
     color: transparent;
     color: transparent;
 }
 }
 
 
-.vertical-menu sidebar-menu-item.active>li icon>i.fa-thumb-tack[iv-tooltip="控制点"] {
+.vertical-menu sidebar-menu-item.active>li icon>i.fa-thumb-tack[iv-tooltip="设置"] {
     background: url(../img/icon/icon_load_s.png?4)no-repeat;
     background: url(../img/icon/icon_load_s.png?4)no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 }
 }
@@ -1581,7 +1581,7 @@ translation-editor[selected-language="selectedLanguage"] .form-group:first-of-ty
 
 
 /* 控制点 */
 /* 控制点 */
 
 
-sidebar-menu-item li h4[title="控制点"]+sidebar-menu-items-collection.active {
+sidebar-menu-item li h4[title="设置"]+sidebar-menu-items-collection.active {
     /* position: fixed; */
     /* position: fixed; */
     /* width: calc(100% - 62px); */
     /* width: calc(100% - 62px); */
     /* width: 440px;
     /* width: 440px;
@@ -1591,7 +1591,7 @@ sidebar-menu-item li h4[title="控制点"]+sidebar-menu-items-collection.active
     top: 124px !important; */
     top: 124px !important; */
 }
 }
 
 
-sidebar-menu-item li h4[title="控制点"]+sidebar-menu-items-collection.active .panel-autoscroll {
+sidebar-menu-item li h4[title="设置"]+sidebar-menu-items-collection.active .panel-autoscroll {
     overflow: hidden;
     overflow: hidden;
 }
 }
 
 

BIN
img/icon/icon_load_n.png


BIN
img/icon/icon_load_s.png


+ 1 - 1
js/custom.js

@@ -913,7 +913,7 @@ var addMinMap = function(main_view, main_scene, map_view) {
     var menuItems = IV.getMenuItems();
     var menuItems = IV.getMenuItems();
 
 
     var newItem = {
     var newItem = {
-        title: "控制点",
+        title: "设置",
         icon: {
         icon: {
             className: "fa fa-thumb-tack"
             className: "fa fa-thumb-tack"
         },
         },

+ 196 - 3
locat/style.css

@@ -525,15 +525,208 @@ input::-webkit-input-placeholder {
     height: 100%;
     height: 100%;
     overflow-y: scroll;
     overflow-y: scroll;
     box-sizing: border-box;
     box-sizing: border-box;
-    padding: 20px 57px 80px;
+    padding: 20px 57px 20px;
 }
 }
 
 
 #uploadBox .selectBox {
 #uploadBox .selectBox {
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
+    /* border-bottom: 1px solid rgba(255, 255, 255, .2); */
+    margin-bottom: 20px;
+}
+
+#uploadBox .selectBox .el-select {
+    width: 100% !important;
+}
+
+.el-select-dropdown {
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    background-color: #141414!important;
+    color: #fff !important;
+}
+
+.el-select-dropdown .el-select-dropdown__item {
+    color: #fff !important;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: auto !important;
+    line-height: normal !important;
+    padding: 5px 10px !important;
+    border-bottom: 1px solid rgba(255, 255, 255, .2);
+}
+
+.el-popper[x-placement^=bottom] .popper__arrow {
+    border-bottom-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.el-popper[x-placement^=bottom] .popper__arrow::after {
+    border-bottom-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.el-select-dropdown .el-select-dropdown__item:hover {
+    background: #143537 !important
+}
+
+#uploadBox .selectBox .el-input__inner {
+    color: #fff !important;
+}
+
+.el-select-dropdown__item.selected {
+    color: #15BEC8 !important;
+}
+
+.el-select-dropdown__item.hover {
+    background: #143537 !important
+}
+
+.el-scrollbar__wrap {
+    margin-bottom: -4px !important;
+    margin-right: -4px !important;
+}
+
+#uploadBox .uploadBtn {
+    width: 100%;
+    height: 40px;
+    color: #fff;
+    background: #15BEC8;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+    margin-bottom: 30px;
+    cursor: pointer;
+}
+
+#uploadBox .uploadBtn.disabled {
+    cursor: no-drop;
+}
+
+
+/* #uploadBox .selectBox select {
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+}
+
+#uploadBox .selectBox option {
+    width: 100%;
+} */
+
+.listBox {
+    width: 100%;
+    height: auto;
+}
+
+.sceneList {
+    width: 100%;
+    height: auto;
+    /* border: 1px solid rgba(255, 255, 255, .2); */
 }
 }
 
 
-#uploadBox .selectBox select {
+.sceneItem {
     width: 100%;
     width: 100%;
-    height: 88px;
+    /* height: 40px; */
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #fff;
+    border-bottom: 1px solid rgba(255, 255, 255, .2);
+    padding: 10px 0;
+    box-sizing: border-box;
+}
+
+.sceneItem:last-of-type {
+    border-bottom: none;
+}
+
+.sceneName {
+    font-size: 12px;
+}
+
+.sceneName>span {
+    display: block;
+}
+
+.sceneName .code {
+    color: #fff !important;
+    margin-bottom: 3px;
+    font-size: 14px;
+}
+
+.sceneName .name {
+    color: #999;
+}
+
+.scene_control {}
+
+.scene_control .delBtn {
+    background: url(../img/icon/icon_del.png?4)no-repeat;
+    background-size: 100% 100%;
+    width: 14px;
+    height: 14px;
+    color: transparent !important;
+    cursor: pointer;
+    padding: 0!important;
+    border: none !important;
+}
+
+.el-message-box {
+    background: #141414!important;
+    border: none !important;
+}
+
+.el-message-box__content {
+    color: #fff !important;
+}
+
+.el-message-box .el-button {
+    color: #fff !important;
+    background: transparent !important;
+}
+
+.el-message-box .el-button:hover {
+    background: transparent !important;
+}
+
+.el-message-box .el-button--primary {
+    color: #fff !important;
+    background: #15BEC8 !important;
+    border-color: #15BEC8 !important;
+}
+
+.el-message-box .el-button--primary:hover {
+    color: #fff !important;
+    background: #15BEC8 !important;
+}
+
+.el-message-box .el-icon-close:before {
+    color: #fff !important;
+}
+
+.el-popover {
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    background-color: #141414!important;
+    color: #fff !important;
+}
+
+.el-popper[x-placement^=top] .popper__arrow {
+    border-top-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.el-popper[x-placement^=top] .popper__arrow::after {
+    border-top-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.el-button--primary {
+    background: #15BEC8 !important;
+}
+
+.el-button--primary:hover {
+    background: #15BEC8 !important;
+}
+
+.el-popconfirm__action button.el-button--text {
+    color: #fff !important;
 }
 }

+ 1 - 1
style.css

@@ -65,7 +65,7 @@ body {
     height: 100%;
     height: 100%;
     overflow-y: scroll;
     overflow-y: scroll;
     box-sizing: border-box;
     box-sizing: border-box;
-    padding: 30px 57px 80px;
+    padding: 20px 57px 80px;
 }
 }