diff --git a/src/assets/styles/e-custom-style.scss b/src/assets/styles/e-custom-style.scss
new file mode 100644
index 00000000..afcf8488
--- /dev/null
+++ b/src/assets/styles/e-custom-style.scss
@@ -0,0 +1,33 @@
+
+/* switch按钮样式 自定义 */
+.e-switch-c .el-switch__label {
+  position: absolute;
+  display: none;
+  color: #fff !important;
+}
+/*打开时文字位置设置*/
+.e-switch-c .el-switch__label--right {
+  z-index: 1;
+}
+/* 调整打开时文字的显示位子 */
+.e-switch-c .el-switch__label--right span{
+margin-left: 10px;
+}
+/*关闭时文字位置设置*/
+.e-switch-c .el-switch__label--left {
+  z-index: 1;
+}
+/* 调整关闭时文字的显示位子 */
+.e-switch-c .el-switch__label--left span{
+  margin-left: 20px;
+}
+/*显示文字*/
+.e-switch-c .el-switch__label.is-active {
+  display: block;
+}
+/* 调整按钮的宽度 */
+.e-switch-c.el-switch .el-switch__core,
+.el-switch .el-switch__label {
+   width: 60px !important;
+   margin: 0;
+}
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index d91a3f20..d56b1a2c 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -4,6 +4,7 @@
 @import './element-ui.scss';
 @import './sidebar.scss';
 @import './btn.scss';
+@import './e-custom-style.scss';
 
 body {
   height: 100%;
diff --git a/src/views/iot/video/site/index.vue b/src/views/iot/video/site/index.vue
index 2556a11a..39da5c35 100644
--- a/src/views/iot/video/site/index.vue
+++ b/src/views/iot/video/site/index.vue
@@ -193,13 +193,25 @@
           <el-row :gutter="20" v-show="tempType !== 'distri'">
             <el-col :span="12">
               <el-form-item label="启用https" prop="https">
-                <el-switch
+                <!-- <el-switch
                   v-model="form.https"
                   active-color="#13ce66"
                   inactive-color="#ff4949"
                   :active-value="true"
                   :inactive-value="false"
                 >
+                </el-switch> -->
+                <el-switch
+                  size="mini"
+                  v-model="form.https"
+                  active-text="启用"
+                  inactive-text="关闭"
+                  :active-value="true"
+                  :inactive-value="false"
+                  active-color="#13ce66"
+                  inactive-color="#dcdfe6"
+                  class="e-switch-c"
+                  >
                 </el-switch>
               </el-form-item>
             </el-col>