Food/food
3
0
Fork 0
Code Issues 60 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：fix 摄像头控制组件 显示错行

Browse Source 
【原  因】：div浮动问题
【过  程】：改用flex弹性布局
【影  响】：
This commit is contained in:
tk 2024-08-08 14:54:02 +08:00
parent ff61e2c45f
commit 78d645e909
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ControllerTabs.vue
View File

@ -14,23 +14,23 @@
</template> </template>
<!-- 摄像头弹出框 --> <!-- 摄像头弹出框 -->
<template v-if="dialogItem == 'cameraBox'"> <template v-if="dialogItem == 'cameraBox'">
<div class="slider-container"> <div class="slider-container w-100 flex mse mac">
<div class="m-l-10 m-r-10">俯</div> <font>俯</font>
<el-slider @change="releaseCameraSlider('pitch')" @input="setCamera('pitch')" v-model="pitchValue" <el-slider @change="releaseCameraSlider('pitch')" @input="setCamera('pitch')" v-model="pitchValue"
:show-tooltip="false" class="w-80"></el-slider> :show-tooltip="false" class="w-80"></el-slider>
<div class="m-l-10 m-r-10">仰</div> <font>仰</font>
</div> </div>
<div class="slider-container"> <div class="slider-container w-100 flex mse mac m-t-10">
<div class="m-l-10 m-r-10">左</div> <font>左</font>
<el-slider @change="releaseCameraSlider('yaw')" @input="setCamera('yaw')" v-model="yawValue" <el-slider @change="releaseCameraSlider('yaw')" @input="setCamera('yaw')" v-model="yawValue"
:show-tooltip="false" class="w-80"></el-slider> :show-tooltip="false" class="w-80"></el-slider>
<div class="m-l-10 m-r-10">右</div> <font>右</font>
</div> </div>
<div class="slider-container"> <div class="slider-container w-100 flex mse mac m-t-10">
<div class="m-l-10 m-r-10">大</div> <font>大</font>
<el-slider @change="releaseCameraSlider('scale')" @input="setCamera('scale')" v-model="scaleValue" <el-slider @change="releaseCameraSlider('scale')" @input="setCamera('scale')" v-model="scaleValue"
:show-tooltip="false" class="w-80"></el-slider> :show-tooltip="false" class="w-80"></el-slider>
<div class="m-l-10 m-r-10">小</div> <font>小</font>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="medium" @click="dialogVisible = false">关闭</el-button> <el-button size="medium" @click="dialogVisible = false">关闭</el-button>