program/dist/wx/components/device/toy/connecting.vue.wxml

<template name="3eee1831"><view class="_div data-v-670be52d"><van-row class="_van-row data-v-670be52d padding"><van-col span="5" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d device_bg flex flex-direction align-center justify-center"><image src="https://img.shuimuai.com/web/phone.png" alt class="_img data-v-670be52d device_phone"></image> <text class="_text data-v-670be52d text-gray device_text"> 我的手机</text></view></van-col> <van-col span="3" offset="1" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d dot_container flex align-center"><view class="_div data-v-670be52d dot_wait"><image src="https://img.shuimuai.com/m_sign_gou%402x.png" alt class="_img data-v-670be52d moving_dot"></image></view></view></van-col> <van-col span="5" offset="0" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d device_bg flex flex-direction align-center justify-center"><image src="https://img.shuimuai.com/web/sign_green.png" alt class="_img data-v-670be52d sign_green" wx:if="{{device_bg == true}}"></image><image src="https://img.shuimuai.com/web/sign_red.png" class="_img data-v-670be52d sign_green" alt wx:else></image> <image src="https://img.shuimuai.com/web/brain.png" alt class="_img data-v-670be52d device_brain"></image> <text class="_text data-v-670be52d text-gray device_text second_device_text">
          已连接({{ device_power }}%)</text></view></van-col> <van-col span="3" offset="1" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d dot_container flex align-center"><view class="_div data-v-670be52d dot_wait"><image wx:if="{{connect_toy == 1}}" src="https://img.shuimuai.com/web/dot.png" alt class="_img data-v-670be52d moving_dot {{[connect_toy == 1 ? 'moving' : '']}}"></image> <image wx:if="{{connect_toy == 2}}" src="https://img.shuimuai.com/m_sign_gou%402x.png" alt class="_img data-v-670be52d moving_dot"></image> <image wx:if="{{connect_toy == 3}}" src="https://img.shuimuai.com/fail.png" alt class="_img data-v-670be52d moving_dot"></image></view></view></van-col> <van-col span="5" offset="0" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d device_bg flex flex-direction align-center justify-center"><image src="{{toy['img']}}" alt class="_img data-v-670be52d uav_toy"></image> <text class="_text data-v-670be52d text-gray device_text"><block wx:if="{{connect_toy == 1 || connect_toy == 3}}">
            {{ toy["name"] }}
          </block> <block wx:if="{{connect_toy == 2 || connect_toy == 4}}">
            {{ toy_sn }}
          </block></text></view></van-col></van-row> <van-row gutter="6" class="_van-row data-v-670be52d"><van-col span="8" class="_van-col data-v-670be52d"><button class="_button data-v-670be52d cu-btn bg-red lg text-white" bindtap="handleProxy" data-eventid="{{'0'}}" data-comkey="{{$k}}"><image src="https://img.shuimuai.com/m_duankainaohuan.png" class="_img data-v-670be52d cut_brain_icon" alt></image> <text class="_text data-v-670be52d cut_text">断开脑机</text></button></van-col> <van-col span="12" offset="1" wx:if="{{connect_toy == 1}}" class="_van-col data-v-670be52d"><van-row class="_van-row data-v-670be52d text-center"><text class="_text data-v-670be52d text-gray text-lg"> 连接中... </text></van-row></van-col> <view wx:if="{{connect_toy == 2}}" class="_div data-v-670be52d"><van-col span="8" class="_van-col data-v-670be52d"><button class="_button data-v-670be52d cu-btn bg-red lg cu-btn-primary" bindtap="handleProxy" data-eventid="{{'1'}}" data-comkey="{{$k}}"><image src="https://img.shuimuai.com/m_xuanzewanju.png" alt class="_img data-v-670be52d cut_brain_icon"></image> <text class="_text data-v-670be52d cut_text">选择教具</text></button></van-col> <van-col span="8" class="_van-col data-v-670be52d"><button class="_button data-v-670be52d cu-btn bg-red lg cu-btn-primary" bindtap="handleProxy" disabled="{{is_started}}" data-eventid="{{'2'}}" data-comkey="{{$k}}"><image src="https://img.shuimuai.com/web/start_game_icon.png" alt class="_img data-v-670be52d cut_start_game_icon"></image> <text class="_text data-v-670be52d cut_text" style="padding: 0px">开始训练</text></button></van-col></view> <view wx:if="{{connect_toy == 3}}" class="_div data-v-670be52d"><van-col span="8" class="_van-col data-v-670be52d"><button class="_button data-v-670be52d cu-btn bg-red lg cu-btn-primary" bindtap="handleProxy" data-eventid="{{'3'}}" data-comkey="{{$k}}"><image src="https://img.shuimuai.com/m_xuanzewanju.png" alt class="_img data-v-670be52d cut_brain_icon"></image> <text class="_text data-v-670be52d cut_text">选择教具</text></button></van-col> <van-col span="8" class="_van-col data-v-670be52d"><van-row class="_van-row data-v-670be52d text-center"><text class="_text data-v-670be52d text-gray text-lg"> 连接失败 </text></van-row></van-col></view> <view wx:if="{{connect_toy == 4}}" class="_div data-v-670be52d"><van-col span="16" class="_van-col data-v-670be52d"><button class="_button data-v-670be52d cu-btn bg-green lg" bindtap="handleProxy" style="width: 100%" data-eventid="{{'4'}}" data-comkey="{{$k}}"><image src="https://img.shuimuai.com/web/start_game_icon.png" alt class="_img data-v-670be52d cut_start_game_icon"></image> <text class="_text data-v-670be52d cut_text" style="padding: 0px">游戏中</text></button></van-col></view></van-row> <van-overlay show="{{pay_window}}" bindtap="handleProxy" z-index="5" data-eventid="{{'7'}}" data-comkey="{{$k}}" class="_van-overlay data-v-670be52d"><view class="_div data-v-670be52d pay_type_window"><view class="_div data-v-670be52d pay_type_title padding"><text class="_text data-v-670be52d text-bold pay_type_title_text">选择消费方式</text></view> <van-row gutter="11" class="_van-row data-v-670be52d"><van-col span="11" offset="1" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d \n              pay_type_item\n              flex flex-direction\n              justify-center\n              align-center\n            " bindtap="handleProxy" data-eventid="{{'5'}}" data-comkey="{{$k}}"><view class="_view data-v-670be52d text-xl padding"><text class="_text data-v-670be52d text-white text-bold">消费时间</text></view></view></van-col> <van-col span="11" class="_van-col data-v-670be52d"><view class="_div data-v-670be52d \n              pay_type_item\n              flex flex-direction\n              justify-center\n              align-center\n            " bindtap="handleProxy" data-eventid="{{'6'}}" data-comkey="{{$k}}"><view class="_view data-v-670be52d text-xl padding"><text class="_text data-v-670be52d text-white text-bold">消费次卡</text></view> <view class="_view data-v-670be52d text-sm"><text class="_text data-v-670be52d text-white">次卡时间为10分钟</text></view></view></van-col></van-row></view> <image src="https://img.shuimuai.com/web/boy2.png" alt class="_img data-v-670be52d connected_boy2"></image></van-overlay> <van-toast id="van-toast" class="_van-toast data-v-670be52d"></van-toast> <van-popup show="{{start_show}}" closeable position="bottom" custom-style="height: 100%" class="_van-popup data-v-670be52d"><view class="_view data-v-670be52d"><text class="_text data-v-670be52d">游戏中界面</text></view></van-popup></view></template>