视频轮询功能
This commit is contained in:
@@ -11,13 +11,13 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="border">
|
||||
|
||||
</div>
|
||||
<div :class="['border',show ? 'history-collapse' : 'history-expand']">
|
||||
<img
|
||||
:class="[show ? 'history-collapse' : 'history-expand']"
|
||||
src="@/assets/images/largeModel/icon-collapse.png" alt=""
|
||||
@click="show = !show">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@@ -174,24 +174,17 @@ defineExpose({
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
.border{
|
||||
width: 20px;
|
||||
.history-collapse{
|
||||
position: absolute;
|
||||
right: 160px;
|
||||
bottom: 40px;
|
||||
.history-collapse{
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: translateX(0);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.history-expand{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 20px;
|
||||
width: 20px;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: translateX(0);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user