<view class="connectdevice_bg" style="background-image:url({{bgImg}}"></view>
<view class="connectdevice {{flag}}">
    <view class="connectdevice_head">
        <view class="connectdevice_title">{{title}}</view> 
        <view ty:if="{{text}}" class="connectdevice_text">{{text}}</view>
    </view> 
    <!-- <progress percent="{{70}}" showInfo="{{true}}" fontSize="{{12}}"activeColor="lightgreen" strokeWidth="{{16}}" active="{{true}}" data-info="info..." bindactiveend="handleActiveEnd" /> -->
    <view class="connectdevice_content">
        <view class="connectdevice_img img_box">
            <image mode="widthFix" lazy-load="true" src="{{img}}" />
        </view>
        <view class="connectdevice_progress">{{progress}}</view>
        <view class="connectdevice_state">{{state}}</view>
        <view class="connectdevice_tip">{{tip}}</view>
        <view class="connectdevice_button">{{btn_text}}</view>
    </view>
    
</view>
