提交 9b0d6ea1 作者: 温凯

style: 调整鹰巢按钮位置和样式以提升用户体验

上级 525694b3
...@@ -8,11 +8,12 @@ ...@@ -8,11 +8,12 @@
<!-- 展示视频 --> <!-- 展示视频 -->
<div class="left-video" :class="{collapse: playerCollapse}" v-if="hangar && showPanel && listCollapse"> <div class="left-video" :class="{collapse: playerCollapse}" v-if="hangar && showPanel && listCollapse">
<div class="collapse-btn" @click="playerCollapse = !playerCollapse"> <div class="collapse-btn" @click="playerCollapse = !playerCollapse">
<img src="./assets/images/collapse.svg" /> <img style="width:23px" src="./assets/images/collapse.svg" />
</div> </div>
<div class="left-video-header"> <div class="left-video-header">
<div class="left-video-header__title" @click="openList">机库列表</div> <!-- @click="openList" -->
<div class="left-video-header__title" >视频列表</div>
<div class="nest-name"> <div class="nest-name">
<span class="nest-name__text">{{ hangar.name }}</span> <span class="nest-name__text">{{ hangar.name }}</span>
<span class="nest-name__text">{{ hangar.name }}</span> <span class="nest-name__text">{{ hangar.name }}</span>
...@@ -189,7 +190,7 @@ export default { ...@@ -189,7 +190,7 @@ export default {
.collapse-btn { .collapse-btn {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
right: -35px; right: -22px;
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
z-index: 99; z-index: 99;
......
...@@ -35,8 +35,8 @@ ...@@ -35,8 +35,8 @@
<div <div
class="hangar-list_btn" class="hangar-list_btn"
@click="listCollapse = !listCollapse;" @click="listCollapse = !listCollapse;"
v-if="!hangar || (hangar && !listCollapse)"
> >
<!-- v-if="!hangar || (hangar && !listCollapse)" -->
<img style src="./assets/images/collapse.svg" /> <img style src="./assets/images/collapse.svg" />
</div> </div>
</div> </div>
...@@ -156,7 +156,7 @@ export default { ...@@ -156,7 +156,7 @@ export default {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
right: -35px; right: -35px;
top: 50%; top: 23%;
transform: translate(0, -50%); transform: translate(0, -50%);
z-index: 99; z-index: 99;
......
...@@ -20,7 +20,9 @@ ...@@ -20,7 +20,9 @@
style="color: rgba(123, 181, 213, 1)" style="color: rgba(123, 181, 213, 1)"
></i> ></i>
</el-input> </el-input>
<el-button class="uav-search__btn" @click="onUavSearch" v-hover>搜索</el-button> <el-button class="uav-search__btn" @click="onUavSearch" v-hover
>搜索</el-button
>
</div> </div>
<List <List
class="uav-list-main" class="uav-list-main"
...@@ -135,7 +137,7 @@ export default { ...@@ -135,7 +137,7 @@ export default {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
right: -35px; right: -35px;
top: 50%; top: 23%;
transform: translate(0, -50%); transform: translate(0, -50%);
z-index: 99; z-index: 99;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论