101 lines
3.3 KiB
Vue
101 lines
3.3 KiB
Vue
|
<template>
|
||
|
|
<div class="right_side">
|
||
|
|
<div class="content_wrap">
|
||
|
|
<div class="state_wrap">
|
||
|
|
<div class="state_tip">显示屏控制</div>
|
||
|
|
<div class="state_content state_content_1">
|
||
|
|
<div class="state_item_switch is-checked">
|
||
|
|
<input type="checkbox" class="switch__input">
|
||
|
|
<span class="switch_core"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="state_wrap">
|
||
|
|
<div class="state_tip">TCS控制</div>
|
||
|
|
<div class="state_content state_content_1">
|
||
|
|
<div class="state_item_switch is-checked">
|
||
|
|
<input type="checkbox" class="switch__input">
|
||
|
|
<span class="switch_core"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="state_wrap">
|
||
|
|
<div class="state_tip">RC控制</div>
|
||
|
|
<div class="state_content state_content_1">
|
||
|
|
<div class="state_item_switch is-checked">
|
||
|
|
<input type="checkbox" class="switch__input">
|
||
|
|
<span class="switch_core"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="state_wrap">
|
||
|
|
<div class="state_tip">Joy控制</div>
|
||
|
|
<div class="state_content state_content_1">
|
||
|
|
<div class="state_item_switch is-checked">
|
||
|
|
<input type="checkbox" class="switch__input">
|
||
|
|
<span class="switch_core"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="state_wrap">
|
||
|
|
<div class="state_tip">AGV</div>
|
||
|
|
<div class="state_content">
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_2"></span>
|
||
|
|
<span class="state_item_4_txt">跳过起点</span>
|
||
|
|
</div>
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_6"></span>
|
||
|
|
<span class="state_item_4_txt">初始化坐标</span>
|
||
|
|
</div>
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_4"></span>
|
||
|
|
<span class="state_item_4_txt">全屏</span>
|
||
|
|
</div>
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_3"></span>
|
||
|
|
<span class="state_item_4_txt">退出</span>
|
||
|
|
</div>
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_5"></span>
|
||
|
|
<span class="state_item_4_txt">关机</span>
|
||
|
|
</div>
|
||
|
|
<div class="state_item_4">
|
||
|
|
<span class="state_item_4_btn state_icon_1"></span>
|
||
|
|
<span class="state_item_4_txt">软启动</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="stylus" scoped>
|
||
|
|
@import '~@style/mixin'
|
||
|
|
.state_content_1
|
||
|
|
height 100px
|
||
|
|
.state_item_4
|
||
|
|
_fj(center,,column)
|
||
|
|
_wh(184px,184px)
|
||
|
|
_bis('../../../images/aio/agv_btn_bg.png', 100%)
|
||
|
|
margin-bottom 16px
|
||
|
|
margin-right 16px
|
||
|
|
.state_item_4_btn
|
||
|
|
_wh(60px,60px)
|
||
|
|
margin-bottom 13px
|
||
|
|
.state_item_4_txt
|
||
|
|
_font(28px,45px,#464646,500,)
|
||
|
|
.state_icon_1
|
||
|
|
_bis('../../../images/aio/agv_1.png', 100%)
|
||
|
|
.state_icon_2
|
||
|
|
_bis('../../../images/aio/agv_2.png', 100%)
|
||
|
|
.state_icon_3
|
||
|
|
_bis('../../../images/aio/agv_3.png', 100%)
|
||
|
|
.state_icon_4
|
||
|
|
_bis('../../../images/aio/agv_4.png', 100%)
|
||
|
|
.state_icon_5
|
||
|
|
_bis('../../../images/aio/agv_5.png', 100%)
|
||
|
|
.state_icon_6
|
||
|
|
_bis('../../../images/aio/agv_6.png', 100%)
|
||
|
|
</style>
|