From aee5ea2518d145070bd12a0a634a5f6190b6d020 Mon Sep 17 00:00:00 2001 From: 23688nl <329261568@qq.com> Date: Thu, 15 Sep 2022 16:15:31 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=EF=BC=9A=20=E4=BC=98?= =?UTF-8?q?=E5=8C=96=20=E7=AB=99=E7=82=B9=E7=AE=A1=E7=90=86=E4=B8=AD=20?= =?UTF-8?q?=E5=90=AF=E7=94=A8https=20=E5=B1=9E=E6=80=A7=20=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E6=B7=BB=E5=8A=A0=20=E5=BC=80=E5=90=AF/=E5=85=B3?= =?UTF-8?q?=E9=97=AD=20=E6=8F=90=E7=A4=BA=E5=AD=97=E6=A0=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/e-custom-style.scss | 33 +++++++++++++++++++++++++++ src/assets/styles/index.scss | 1 + src/views/iot/video/site/index.vue | 14 +++++++++++- 3 files changed, 47 insertions(+), 1 deletion(-) create mode 100644 src/assets/styles/e-custom-style.scss 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 @@ - + --> +