openatc-components 0.0.88 → 0.0.91

package/static/styles/index.scss

@@ -1,85 +1,85 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
- body {
-   height: 100%;
-   -moz-osx-font-smoothing: grayscale;
-   -webkit-font-smoothing: antialiased;
-   text-rendering: optimizeLegibility;
-  //  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-   overflow-x: hidden;
-   background-color: $--background-color-base;
- }
- 
- label {
-   font-weight: 700;
- }
- 
- html {
-   height: 100%;
-   box-sizing: border-box;
- }
- 
- #app{
-   height: 100%;
- }
- 
- *,
- *:before,
- *:after {
-   box-sizing: inherit;
- }
- 
- a,
- a:focus,
- a:hover {
-   cursor: pointer;
-   color: inherit;
-   outline: none;
-   text-decoration: none;
- }
- 
- div:focus{
-   outline: none;
-  }
- 
- a:focus,
- a:active {
-   outline: none;
- }
- 
- a,
- a:focus,
- a:hover {
-   cursor: pointer;
-   color: inherit;
-   text-decoration: none;
- }
- 
- .clearfix {
-   &:after {
-     visibility: hidden;
-     display: block;
-     font-size: 0;
-     content: " ";
-     clear: both;
-     height: 0;
-   }
- }
- 
- .app-container {
-   padding: 10px;
- }
- 
- .components-container {
-   margin: 30px 50px;
-   position: relative;
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+ body {
+   height: 100%;
+   -moz-osx-font-smoothing: grayscale;
+   -webkit-font-smoothing: antialiased;
+   text-rendering: optimizeLegibility;
+  //  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+   overflow-x: hidden;
+   background-color: $--background-color-base;
+ }
+ 
+ label {
+   font-weight: 700;
+ }
+ 
+ html {
+   height: 100%;
+   box-sizing: border-box;
+ }
+ 
+ #app{
+   height: 100%;
+ }
+ 
+ *,
+ *:before,
+ *:after {
+   box-sizing: inherit;
+ }
+ 
+ a,
+ a:focus,
+ a:hover {
+   cursor: pointer;
+   color: inherit;
+   outline: none;
+   text-decoration: none;
+ }
+ 
+ div:focus{
+   outline: none;
+  }
+ 
+ a:focus,
+ a:active {
+   outline: none;
+ }
+ 
+ a,
+ a:focus,
+ a:hover {
+   cursor: pointer;
+   color: inherit;
+   text-decoration: none;
+ }
+ 
+ .clearfix {
+   &:after {
+     visibility: hidden;
+     display: block;
+     font-size: 0;
+     content: " ";
+     clear: both;
+     height: 0;
+   }
+ }
+ 
+ .app-container {
+   padding: 10px;
+ }
+ 
+ .components-container {
+   margin: 30px 50px;
+   position: relative;
  }

package/static/styles/intersection.scss

@@ -1,171 +1,171 @@
-// 路口图组件
-.intersection-map {
-  .crossDirection-display {
-    // height: 650px;
-    // transform-origin: center top;
-    padding-top: 30px;
-  }
-  .changeWidth {
-    width: 98% !important;
-  }
-  .changePaddingBottom {
-    padding-bottom: 30px;
-  }
-  /*当屏幕小于等于1680px的屏幕样式*/
-  @media only screen and (max-width: 1680px){
-    .crossDirection-display{
-      // transform: scale(0.9);
-      zoom: 0.9;
-      
-    }
-    .centerText .text {
-      font-size: 14px;
-    }
-   }
-  /*当屏幕小于等于1440px的屏幕样式*/
-  @media only screen and (max-width: 1440px){
-    .crossDirection-display{
-      // transform: scale(0.8);
-      zoom: 0.8;
-      
-    }
-    .centerText .text {
-      font-size: 18px;
-    }
-   }
-   /*当屏幕小于等于1280px的屏幕样式*/
-  @media only screen and (max-width: 1280px){
-    .crossDirection-display{
-      // transform: scale(0.65);
-      zoom: 0.65;
-    }
-    .centerText .text {
-      font-size: 20px;
-    }
-   }
-   /*当屏幕小于等于960px的屏幕样式*/
-  @media only screen and (max-width: 960px){
-    .crossDirection-display{
-      // transform: scale(0.5);
-      zoom: 0.5;
-    }
-    .centerText .text {
-      font-size: 14px;
-    }
-   }
-    /*当屏幕小于等于720px的屏幕样式*/
-  @media only screen and (max-width: 720px){
-    .crossDirection-display{
-      // transform: scale(0.45);
-      zoom: 0.45;
-    }
-    .centerText .text {
-      font-size: 14px;
-    }
-   }
-  // 小屏幕打开首页适配样式
-  .minifont {
-    font-size: 12px;
-    .cross-mess {
-      font-size: 16px;
-    }
-    .cross-value {
-      font-size: 12px;
-    }
-    .pattern-message {
-      font-size: 12px;
-    }
-  }
-  .superlargeCrossImg {
-  //  transform: scale(0.9);
-   zoom: 1;
-  
-  }
-  .largeCrossImg {
-  //  transform: scale(0.8);
-   zoom: 0.9;
-  
-  }
-  .middleCrossImg {
-  //  transform: scale(0.65);
-  // zoom: 0.65;
-  zoom: 0.8;
-  }
-  .smallCrossImg {
-  //  transform: scale(0.5);
-  //  zoom: 0.5;
-  zoom: 0.65;
-  }
-  .miniCrossImg {
-  //  transform: scale(0.45);
-  //  zoom: 0.45;
-   zoom: 0.5;
-  }
-  .superminiCrossImg {
-  //  transform: scale(0.35);
-  //  zoom: 0.35;
-    zoom: 0.45;
-  }
-  .minimumCrossImg {
-  //  transform: scale(0.25);
-  //  zoom: 0.25;
-    zoom: 0.35;
-  }
-  .transMiddleCrossImg {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.55);
-    //  transform: translateX(0.45) translateY(0.45);
-    //  transform: scale(0.25);
-     margin-top: 3%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiddleCrossImg2 {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.38);
-     margin-top: -1.5%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiddleCrossImg3 {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.32);
-     margin-top: -1%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .transMiniCrossImg {
-    -webkit-transform-origin-y: 0;
-     transform: scale(0.28);
-     margin-top: -1.6%;
-     padding: 0PX;
-    //  zoom: 0.25;
-   }
-   .controlText {
-    position:absolute;
-    top:20%;
-    left:7%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30px;
- }
- .modeText {
-    position:absolute;
-    top:20%;
-    left:68%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30px;
- }
- .stateText {
-    position:absolute;
-    top:12%;
-    left:50%;
-    width:25%;
-    height:50px;
-    color: $--color-text-primary;
-    font-size:30px;
- }
+// 路口图组件
+.intersection-map {
+  .crossDirection-display {
+    // height: 650px;
+    // transform-origin: center top;
+    padding-top: 30px;
+  }
+  .changeWidth {
+    width: 98% !important;
+  }
+  .changePaddingBottom {
+    padding-bottom: 30px;
+  }
+  /*当屏幕小于等于1680px的屏幕样式*/
+  @media only screen and (max-width: 1680px){
+    .crossDirection-display{
+      // transform: scale(0.9);
+      zoom: 0.9;
+      
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+  /*当屏幕小于等于1440px的屏幕样式*/
+  @media only screen and (max-width: 1440px){
+    .crossDirection-display{
+      // transform: scale(0.8);
+      zoom: 0.8;
+      
+    }
+    .centerText .text {
+      font-size: 18px;
+    }
+   }
+   /*当屏幕小于等于1280px的屏幕样式*/
+  @media only screen and (max-width: 1280px){
+    .crossDirection-display{
+      // transform: scale(0.65);
+      zoom: 0.65;
+    }
+    .centerText .text {
+      font-size: 20px;
+    }
+   }
+   /*当屏幕小于等于960px的屏幕样式*/
+  @media only screen and (max-width: 960px){
+    .crossDirection-display{
+      // transform: scale(0.5);
+      zoom: 0.5;
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+    /*当屏幕小于等于720px的屏幕样式*/
+  @media only screen and (max-width: 720px){
+    .crossDirection-display{
+      // transform: scale(0.45);
+      zoom: 0.45;
+    }
+    .centerText .text {
+      font-size: 14px;
+    }
+   }
+  // 小屏幕打开首页适配样式
+  .minifont {
+    font-size: 12px;
+    .cross-mess {
+      font-size: 16px;
+    }
+    .cross-value {
+      font-size: 12px;
+    }
+    .pattern-message {
+      font-size: 12px;
+    }
+  }
+  .superlargeCrossImg {
+  //  transform: scale(0.9);
+   zoom: 1;
+  
+  }
+  .largeCrossImg {
+  //  transform: scale(0.8);
+   zoom: 0.9;
+  
+  }
+  .middleCrossImg {
+  //  transform: scale(0.65);
+  // zoom: 0.65;
+  zoom: 0.8;
+  }
+  .smallCrossImg {
+  //  transform: scale(0.5);
+  //  zoom: 0.5;
+  zoom: 0.65;
+  }
+  .miniCrossImg {
+  //  transform: scale(0.45);
+  //  zoom: 0.45;
+   zoom: 0.5;
+  }
+  .superminiCrossImg {
+  //  transform: scale(0.35);
+  //  zoom: 0.35;
+    zoom: 0.45;
+  }
+  .minimumCrossImg {
+  //  transform: scale(0.25);
+  //  zoom: 0.25;
+    zoom: 0.35;
+  }
+  .transMiddleCrossImg {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.55);
+    //  transform: translateX(0.45) translateY(0.45);
+    //  transform: scale(0.25);
+     margin-top: 3%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiddleCrossImg2 {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.38);
+     margin-top: -1.5%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiddleCrossImg3 {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.32);
+     margin-top: -1%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .transMiniCrossImg {
+    -webkit-transform-origin-y: 0;
+     transform: scale(0.28);
+     margin-top: -1.6%;
+     padding: 0PX;
+    //  zoom: 0.25;
+   }
+   .controlText {
+    position:absolute;
+    top:20%;
+    left:7%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30px;
+ }
+ .modeText {
+    position:absolute;
+    top:20%;
+    left:68%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30px;
+ }
+ .stateText {
+    position:absolute;
+    top:12%;
+    left:50%;
+    width:25%;
+    height:50px;
+    color: $--color-text-primary;
+    font-size:30px;
+ }
 }

package/static/styles/light/index.scss

@@ -1,3 +1,3 @@
-@import './theme/element-light.scss';
-@import '../index.scss';
+@import './theme/element-light.scss';
+@import '../index.scss';
 @import '../common.scss';

package/static/styles/light/theme/element-light.scss

@@ -1,43 +1,43 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-/* 改变主题色变量 */
-$--color-black: #f7f8fa;
-// $--color-primary: #409EFF;
-// $--color-white: #202940;
-// $--color-black: #30384D;
-// $--background-color-base: #191F34;
-// $--color-text-primary: #FFFFFF;
-// $--color-text-regular: #FFFFFF;
-// $--color-text-secondary: #B9BABF;
-// $--color-text-placeholder: #8D9498;
-// $--color-info: #8D9498;
-// $--border-color-base: #30384D;
-// $--border-color-light: #30384D;
-// $--border-color-lighter: #30384D;
-// $--border-color-extra-light:#30384D;
-// $--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
-// $--button-primary-font-color: #FFFFFF;
-// $--button-info-font-color: #FFFFFF;
-// $--button-warning-font-color: #FFFFFF;
-// $--button-danger-font-color: #FFFFFF;
-// $--button-success-font-color: #FFFFFF;
-// $--radio-button-checked-font-color: #FFFFFF;
-// $--radio-font-color: $--color-text-secondary;
-// $--tag-info-color: $--color-text-placeholder;
-// $--tooltip-color: $--color-white;
-// $--checkbox-font-color: $--color-text-secondary;
-
-
-/* 改变 icon 字体路径变量，必需 */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
-
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/* 改变主题色变量 */
+$--color-black: #f7f8fa;
+// $--color-primary: #409EFF;
+// $--color-white: #202940;
+// $--color-black: #30384D;
+// $--background-color-base: #191F34;
+// $--color-text-primary: #FFFFFF;
+// $--color-text-regular: #FFFFFF;
+// $--color-text-secondary: #B9BABF;
+// $--color-text-placeholder: #8D9498;
+// $--color-info: #8D9498;
+// $--border-color-base: #30384D;
+// $--border-color-light: #30384D;
+// $--border-color-lighter: #30384D;
+// $--border-color-extra-light:#30384D;
+// $--box-shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+// $--button-primary-font-color: #FFFFFF;
+// $--button-info-font-color: #FFFFFF;
+// $--button-warning-font-color: #FFFFFF;
+// $--button-danger-font-color: #FFFFFF;
+// $--button-success-font-color: #FFFFFF;
+// $--radio-button-checked-font-color: #FFFFFF;
+// $--radio-font-color: $--color-text-secondary;
+// $--tag-info-color: $--color-text-placeholder;
+// $--tooltip-color: $--color-white;
+// $--checkbox-font-color: $--color-text-secondary;
+
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
 @import "~element-ui/packages/theme-chalk/src/index";