|
@@ -57,7 +57,11 @@
|
|
|
@click="openCurtainMain(3)"
|
|
|
:class="activeIndex == 3 ? 'control-item-active' : ''"
|
|
|
>
|
|
|
- <img class="curtain-stop-icon" :src="parseImgUrl('page-officehome', 'curtain_stop.svg')" alt="" />
|
|
|
+ <img
|
|
|
+ class="curtain-stop-icon"
|
|
|
+ :src="parseImgUrl('page-officehome', 'curtain_stop.svg')"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<span class="title">暂停</span>
|
|
|
</div>
|
|
|
|
|
@@ -122,7 +126,7 @@ export default defineComponent({
|
|
|
let timeTemp: any = null;
|
|
|
let curtainObj: any = {};
|
|
|
let interval: any = {};
|
|
|
- let curtainItem:any=''
|
|
|
+ let curtainItem: any = "";
|
|
|
const proxyData = reactive({
|
|
|
lampSw: false,
|
|
|
itemWidth: "0%",
|
|
@@ -132,7 +136,7 @@ export default defineComponent({
|
|
|
parseImgUrl: parseImgUrl,
|
|
|
curtainObj: curtainObj,
|
|
|
curtainData: props.curtainData,
|
|
|
- curtainItem:curtainItem,
|
|
|
+ curtainItem: curtainItem,
|
|
|
//亮度滑块滑动
|
|
|
endBoxSwiper() {
|
|
|
let handBox: any = document.querySelector("#curtainHandld1");
|
|
@@ -315,7 +319,7 @@ export default defineComponent({
|
|
|
height: 14px;
|
|
|
border-left: 1px solid #e1e5eb;
|
|
|
}
|
|
|
- .text-aper{
|
|
|
+ .text-aper {
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
font-family: "Persagy";
|
|
@@ -331,7 +335,7 @@ export default defineComponent({
|
|
|
background: #e8ecf0;
|
|
|
border-radius: 25px;
|
|
|
.item-now {
|
|
|
- background: #ffe399;
|
|
|
+ background: rgba(206, 159, 39, 0.4);
|
|
|
border-radius: 25px 0 0 25px;
|
|
|
}
|
|
|
|
|
@@ -368,7 +372,7 @@ export default defineComponent({
|
|
|
font-weight: 400;
|
|
|
font-size: 14px;
|
|
|
width: 32px;
|
|
|
- line-height: 20px;
|
|
|
+ // line-height: 20px;
|
|
|
text-align: right;
|
|
|
color: #626c78;
|
|
|
}
|
|
@@ -410,28 +414,22 @@ export default defineComponent({
|
|
|
height: 24px;
|
|
|
transform: translate(-50%, -50%);
|
|
|
}
|
|
|
- // .curtain-down-icon{
|
|
|
- // width: 18px;
|
|
|
- // height: 18px;
|
|
|
- // }
|
|
|
- // .curtain-stop-icon{
|
|
|
- // width: 14px;
|
|
|
- // height: 16px;
|
|
|
- // }
|
|
|
- // .curtain-up-icon{
|
|
|
- // width: 18px;
|
|
|
- // height: 18px;
|
|
|
+ &:active {
|
|
|
+ background: rgba(206, 159, 39, 0.4);
|
|
|
+ }
|
|
|
+ // &:hover {
|
|
|
+ // background: rgba(206, 159, 39, 0.4);
|
|
|
// }
|
|
|
.title {
|
|
|
position: absolute;
|
|
|
- font-family: 'PingFang SC';
|
|
|
+ font-family: "PingFang SC";
|
|
|
bottom: -28px !important;
|
|
|
font-weight: 400;
|
|
|
left: 13px !important;
|
|
|
display: block;
|
|
|
z-index: 333;
|
|
|
font-size: 14px;
|
|
|
- color: #626C78;
|
|
|
+ color: #626c78;
|
|
|
}
|
|
|
}
|
|
|
|