|
@@ -52,10 +52,10 @@
|
|
|
</div>
|
|
|
|
|
|
<!--暂停-->
|
|
|
+ <!-- :class="activeIndex == 3 ? 'control-item-active' : ''" -->
|
|
|
<div
|
|
|
- class="control-item"
|
|
|
+ class="control-item control-stop"
|
|
|
@click="openCurtainMain(3)"
|
|
|
- :class="activeIndex == 3 ? 'control-item-active' : ''"
|
|
|
>
|
|
|
<img
|
|
|
class="curtain-stop-icon"
|
|
@@ -414,12 +414,7 @@ export default defineComponent({
|
|
|
height: 24px;
|
|
|
transform: translate(-50%, -50%);
|
|
|
}
|
|
|
- &:active {
|
|
|
- background: rgba(206, 159, 39, 0.4);
|
|
|
- }
|
|
|
- // &:hover {
|
|
|
- // background: rgba(206, 159, 39, 0.4);
|
|
|
- // }
|
|
|
+
|
|
|
.title {
|
|
|
position: absolute;
|
|
|
font-family: "PingFang SC";
|
|
@@ -433,6 +428,12 @@ export default defineComponent({
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .control-stop {
|
|
|
+ &:active {
|
|
|
+ background: rgba(206, 159, 39, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.control-item-active {
|
|
|
// position: relative;
|
|
|
background: rgba(206, 159, 39, 0.4);
|