修复heade背景无法覆写问题

packages/common/scripts/hlsPopup.js

@@ -4,7 +4,7 @@ import ActionSheet from '../../components/ActionSheet/index'
 import ShowPicture from '../../components/ShowPicture/index'
 import Select from '../../components/select/index'
 import Notify from '../../components/Dialog/plugins/index'
-import HlsModal from '../../components/Modal/index'
+// import HlsModal from '../../components/Modal/index'
 
 import NumberKeyboard from '../../components/NumberKeyboard/index'
 
@@ -19,7 +19,7 @@ Vue.use(Select)
 Vue.use(NumberKeyboard)
 Vue.use(Notify)
 Vue.use(HlsModal)
-Vue.prototype.HlsModal = window.HlsModal = HlsModal
+// Vue.prototype.HlsModal = window.HlsModal = HlsModal
 
 export default {
 

packages/common/styles/ionic-public-style.less

@@ -54,44 +54,6 @@
       padding-top: 0.8rem;
     }
   }
-  .header-bar {
-    background-color: #FFFFFF;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.1);  /*no*/
-    .buttons {
-      .button {
-        color: @headerColor;
-        font-size: 0.32rem;
-        padding-left: 0.2rem;
-        padding-right: 0.25rem;
-      }
-    }
-    .title {
-      color: #4A4A4A;
-      font-size: 0.34rem;
-      //font-weight: 600;
-      left: 0 !important;
-      right: 0 !important;
-    }
-    .iconLeft {
-      text-align: left;
-      i {
-        font-size: 0.25rem;
-        padding-left: 0.1rem;
-      }
-    }
-  }
-  .bar-custom {
-    background-color: @headerColor;
-    border-bottom: none;
-    .buttons {
-      .button {
-        color: #ffffff;
-      }
-    }
-    .title {
-      color: #ffffff;
-    }
-  }
   //  ion-list he ion-item公用样式 -
   .content {
     //padding-top: 2px;

packages/components/HHeader/index.vue

@@ -116,11 +116,12 @@ export default {
       vertical-align: middle;
       box-sizing: border-box;
       width: 80%;
+      color:@headerColor;
     }
 
     .ion-ios-arrow-back {
       font-size: 32px;
-      color: @headerColor;
+      //color: @headerColor;
     }
 
   }
@@ -128,13 +129,23 @@ export default {
   .h-header-border {
     border-bottom: 1px solid rgba(0, 0, 0, .1); /*no*/
   }
-
   .bar-custom {
-    .h-header-center, .h-header-btn {
+    background-color: @headerColor;
+    border-bottom: none;
+    .buttons {
+      .button {
+        color: #fff;
+      }
+    }
+    .title {
       color: #fff;
     }
-
-    .ion-ios-arrow-back {
+    .h-header-left, .h-header-right{
+      .h-header-btn{
+        color: #fff;
+      }
+    }
+    .h-header-center{
       color: #fff;
     }
   }

packages/components/ListItem/Item.vue

@@ -241,4 +241,25 @@ export default {
       }
     }
   }
+  @media (device-width: 320px) and (device-height: 568px) {
+    .hls-item{
+      .contents{
+        .add-content{
+          .toggle-check {
+            .track {
+              .handle{
+                top:4px
+              }
+            }
+          }
+          .toggle.toggle-positive input:checked + .track{
+            .handle {
+              top:4px
+            }
+          }
+        }
+      }
+    }
+
+  }
 </style>

packages/components/Switch/index.vue

 <template>
   <label
     :class="cusClass" class="toggle toggle-positive toggle-check"
-    @click="checked">
+    @click.prevent="checked">
     <input :checked="value" :disabled="disable" type="checkbox">
     <div class="track">
       <div class="handle"/>
@@ -31,11 +31,8 @@ export default {
       // clickValue: false
     }
   },
-  computed: {
-
-  },
-  watch: {
-  },
+  computed: {},
+  watch: {},
   methods: {
     checked () {
       if (!this.disable) {
@@ -47,14 +44,11 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
- @import "../../common/styles/variables";
+<style lang="less">
+  @import "../../common/styles/variables";
   .toggle-check {
-    display: -webkit-flex;
     display: flex;
-    -webkit-justify-content: space-between;
     justify-content: space-between;
-    -webkit-align-items: center;
     align-items: center;
 
     .track {
@@ -62,6 +56,7 @@ export default {
       height: 25px;
       margin-right: 2.5px;
       border-radius: 15px;
+
       .handle {
         width: 22.5px;
         height: 22.5px;
@@ -82,4 +77,20 @@ export default {
       left: 9px;
     }
   }
+
+  @media (device-width: 320px) and (device-height: 568px) {
+    .toggle-check {
+      .track {
+        .handle {
+          top: 4px
+        }
+      }
+
+      .toggle.toggle-positive input:checked + .track {
+        .handle {
+          top: 4px
+        }
+      }
+    }
+  }
 </style>

src/styles/variables.less

@@ -10,14 +10,14 @@
 /**
 * 颜色
 */
-@theme-color:#5D98F6;
+@theme-color:#0041C4;
 @font-color:#666666;
 @mainColor: #000;
 @baseColor: white;
 @hintColor:rgb(181,181,181);
-@headerColor: #5D98F6;
+@headerColor: @theme-color;
 @background-color-gray: #fafafa;
-@activated-color: #5D98F6;
+@activated-color: @theme-color;
 @divider-color:#fafafa;
 @switch-box-bg:#48D2A0;
 @check-box-bg:@theme-color;