|
@@ -19,7 +19,13 @@
|
|
|
</view>
|
|
|
<scroll-view scroll-y="true" style="height: calc(100vh - 118rpx - 14rpx - 20rpx - 88rpx - 64rpx - 58rpx - {{bannerList.length>0?296:0}}rpx - {{navBarHeight}}px);margin-top: 22rpx;padding-top: 10rpx; ">
|
|
|
<view wx:if="{{deviceList}}">
|
|
|
+ {{item.state && item.state === 'online'&&deviceListIndex === index }}
|
|
|
<block wx:key="key" wx:for-item="item" wx:for-index="index" wx:for="{{deviceList}}">
|
|
|
+ {{item.state }}
|
|
|
+ {{item.state && item.state === 'online'}}
|
|
|
+ {{deviceListIndex }}
|
|
|
+ {{index }}
|
|
|
+ {{item.state && item.state === 'online'&&deviceListIndex === index}}
|
|
|
<view class="item_public" style="width: calc(100vw - 72rpx);border: {{item.state && item.state === 'online'&&deviceListIndex === index ? '4rpx solid #6546A3' : item.state && item.state === 'online'?'2rpx solid #6546A3':'2rpx solid #F2F5F7'}}; margin-left: {{item.state && item.state === 'online'&&deviceListIndex === index ?0:4}}rpx;" data-item="{{item}}" data-index="{{index}}" bind:tap="onTapItem">
|
|
|
<image class="item_public_image" src="./../../img/min.png" style="opacity: {{item.state && item.state === 'online' ? '1' : '0.5'}};"></image>
|
|
|
<view class="item_public_right" style="margin-right: 26rpx; opacity: {{item.state && item.state === 'online' ? '1' : '0.5'}};">
|
|
@@ -54,126 +60,125 @@
|
|
|
<image src="./../../img/mm.png" class="mode" mode="scaleToFill"></image>
|
|
|
<image class="logo" mode="heightFix" src="./../../img/logo.png"></image>
|
|
|
<view wx:if="{{actionIndex !== null}}" style="opacity: 0.8; text-shadow:0px 0px 4px #6D00FF;" class="fm">
|
|
|
- FM.{{actionIndex !== null ? (actionIndex + 1 < 10 ? "0" + (actionIndex + 1) : actionIndex + 1) : 00}}
|
|
|
+ FM.{{actionIndex !== null ? (actionIndex + 1 < 10 ? "0" + (actionIndex + 1) : actionIndex + 1) : 00}} </view>
|
|
|
+ <view wx:if="{{actionIndex !== null}}" style="opacity: 1;" class="fm">
|
|
|
+ FM.{{actionIndex !== null ? (actionIndex + 1 < 10 ? "0" + (actionIndex + 1) : actionIndex + 1) : 00}} <image class="gochnnalList" mode="heightFix" src="./../../img/a6.png">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ <view class="fmMod" bindtap="onTapToChannel"></view>
|
|
|
+ <view wx:if="{{actionIndex !== null}}" class="thisMusic">
|
|
|
+ <text>当前播放:</text>
|
|
|
+ <view class="scroll-box">
|
|
|
+ <view class="scroll-wrap">
|
|
|
+ <view class="scroll-item">{{channelData[actionIndex].channelName}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image src="{{'./../../img/dl' + battery + '.png'}}" class="battery" mode="scaleToFill"></image>
|
|
|
</view>
|
|
|
- <view wx:if="{{actionIndex !== null}}" style="opacity: 1;" class="fm">
|
|
|
- FM.{{actionIndex !== null ? (actionIndex + 1 < 10 ? "0" + (actionIndex + 1) : actionIndex + 1) : 00}}
|
|
|
- <image class="gochnnalList" mode="heightFix" src="./../../img/a6.png"></image>
|
|
|
+ <view class="wakeMode" bindtap="goWake">
|
|
|
+ <image src="./../../img/woak.png" class="mode" mode="scaleToFill"></image>
|
|
|
+ <image class="wake" mode="heightFix" src="{{isSetWake ? './../../img/n24.png' : './../../img/n23.png' }}"></image>
|
|
|
+ <text>定时</text>
|
|
|
</view>
|
|
|
- <view class="fmMod" bindtap="onTapToChannel"></view>
|
|
|
- <view wx:if="{{actionIndex !== null}}" class="thisMusic">
|
|
|
- <text>当前播放:</text>
|
|
|
- <view class="scroll-box">
|
|
|
- <view class="scroll-wrap">
|
|
|
- <view class="scroll-item">{{channelData[actionIndex].channelName}}</view>
|
|
|
+ </view>
|
|
|
+ <scroll-view class="pd" scroll-y="true">
|
|
|
+ <view class="conm" wx:if="{{channelData && channelData.length > 0}}">
|
|
|
+ <image mode="scaleToFill" class="cz" src="./../../img/cz.png"></image>
|
|
|
+ <view class="musicList">
|
|
|
+ <view wx:for="{{channelData}}" class="li {{index === actionIndex ? 'action' : ' '}}">
|
|
|
+ <image mode="scaleToFill" wx:if="{{index === actionIndex}}" class="zz" src="./../../img/zz.png"></image>
|
|
|
+ <text class="lm">{{luoma[index]}}</text>
|
|
|
+ <view class="musicInfo" data-index="{{index}}" bindtap="actionMusic">
|
|
|
+ <image mode="scaleToFill" class="pic" src="{{item.channelPic ? item.channelPic : './../../img/head_pic.png'}}"></image>
|
|
|
+ <text>{{item.channelName}}</text>
|
|
|
+ <image mode="scaleToFill" wx:if="{{index === actionIndex}}" class="svg" src="./../../svg/audio.svg"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- <image src="./../../svg/audio.svg"></image> -->
|
|
|
</view>
|
|
|
- <image src="{{'./../../img/dl' + battery + '.png'}}" class="battery" mode="scaleToFill"></image>
|
|
|
- </view>
|
|
|
- <view class="wakeMode" bindtap="goWake">
|
|
|
- <image src="./../../img/woak.png" class="mode" mode="scaleToFill"></image>
|
|
|
- <image class="wake" mode="heightFix" src="{{isSetWake ? './../../img/n24.png' : './../../img/n23.png' }}"></image>
|
|
|
- <text>定时</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <scroll-view class="pd" scroll-y="true">
|
|
|
- <view class="conm" wx:if="{{channelData && channelData.length > 0}}">
|
|
|
- <image mode="scaleToFill" class="cz" src="./../../img/cz.png"></image>
|
|
|
- <view class="musicList">
|
|
|
- <view wx:for="{{channelData}}" class="li {{index === actionIndex ? 'action' : ' '}}">
|
|
|
- <image mode="scaleToFill" wx:if="{{index === actionIndex}}" class="zz" src="./../../img/zz.png"></image>
|
|
|
- <text class="lm">{{luoma[index]}}</text>
|
|
|
- <view class="musicInfo" data-index="{{index}}" bindtap="actionMusic">
|
|
|
- <image mode="scaleToFill" class="pic" src="{{item.channelPic ? item.channelPic : './../../img/head_pic.png'}}"></image>
|
|
|
- <text>{{item.channelName}}</text>
|
|
|
- <image mode="scaleToFill" wx:if="{{index === actionIndex}}" class="svg" src="./../../svg/audio.svg"></image>
|
|
|
+ </scroll-view>
|
|
|
+ <!-- 登录启用以下版本 -->
|
|
|
+ <view class="gologin" wx:if="{{showLogin}}">
|
|
|
+ <view class="model">
|
|
|
+ <view bindtap="goLogin" style="position: none; height: auto;" class="loginPic">
|
|
|
+ <image style="margin: 20rpx 0 20rpx 0; width: 100vw;" mode="widthFix" src="./../../img/BG_long.png"></image>
|
|
|
+ </view>
|
|
|
+ <view style="position: none; height: calc(100% - 224rpx); overflow: auto;" class="BG_PD">
|
|
|
+ <view>
|
|
|
+ <image style="margin: 0; width: 100vw;" mode="widthFix" src="./../../img/BG_PD.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- <image src="./../../svg/audio.svg"></image> -->
|
|
|
</view>
|
|
|
- </scroll-view>
|
|
|
- <!-- 登录启用以下版本 -->
|
|
|
- <view class="gologin" wx:if="{{showLogin}}">
|
|
|
- <view class="model">
|
|
|
- <view bindtap="goLogin" style="position: none; height: auto;" class="loginPic">
|
|
|
- <image style="margin: 20rpx 0 20rpx 0; width: 100vw;" mode="widthFix" src="./../../img/BG_long.png"></image>
|
|
|
- </view>
|
|
|
- <view style="position: none; height: calc(100% - 224rpx); overflow: auto;" class="BG_PD">
|
|
|
- <view>
|
|
|
- <image style="margin: 0; width: 100vw;" mode="widthFix" src="./../../img/BG_PD.png"></image>
|
|
|
+ <view class="gologin goruter" wx:if="{{!showLogin && deviceList && deviceList.length === 0}}">
|
|
|
+ <view class="model">
|
|
|
+ <view bindtap="goDeviceConnect" style="position: none; height: auto;" class="loginPic">
|
|
|
+ <image style="margin: 20rpx 0 20rpx 0; width: 100vw;" mode="widthFix" src="./../../img/BG_LJ.png"></image>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="gologin goruter" wx:if="{{!showLogin && deviceList && deviceList.length === 0}}">
|
|
|
- <view class="model">
|
|
|
- <view bindtap="goDeviceConnect" style="position: none; height: auto;" class="loginPic">
|
|
|
- <image style="margin: 20rpx 0 20rpx 0; width: 100vw;" mode="widthFix" src="./../../img/BG_LJ.png"></image>
|
|
|
- </view>
|
|
|
- <view style="position: none; height: calc(100% - 224rpx); overflow: auto;" class="BG_PD">
|
|
|
- <view>
|
|
|
- <image style="margin: 0; width: 100vw;" mode="widthFix" src="./../../img/BG_PD.png"></image>
|
|
|
+ <view style="position: none; height: calc(100% - 224rpx); overflow: auto;" class="BG_PD">
|
|
|
+ <view>
|
|
|
+ <image style="margin: 0; width: 100vw;" mode="widthFix" src="./../../img/BG_PD.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view wx:elif="{{indexPage==2}}" class="me" style="height: calc(100vh - 100rpx - {{navBarHeight}}px);">
|
|
|
- <view class="head-logo">
|
|
|
- <image mode="scaleToFill" src="{{userPic}}"></image>
|
|
|
- <text class="nick_name" wx:if="{{nickName}}">{{nickName}}</text>
|
|
|
- </view>
|
|
|
- <view class="br"></view>
|
|
|
- <view class="list">
|
|
|
- <view class="li">
|
|
|
- <view class="icon">
|
|
|
- <image mode="widthFix" src="./../../img/o.png"></image>
|
|
|
- </view>
|
|
|
- <view class="button">
|
|
|
- <button open-type="feedback">建议与反馈</button>
|
|
|
- <image class="j" mode="heightFix" src="./../../img/b.png"></image>
|
|
|
- </view>
|
|
|
+ <view wx:elif="{{indexPage==2}}" class="me" style="height: calc(100vh - 100rpx - {{navBarHeight}}px);">
|
|
|
+ <view class="head-logo">
|
|
|
+ <image mode="scaleToFill" src="{{userPic}}"></image>
|
|
|
+ <text class="nick_name" wx:if="{{nickName}}">{{nickName}}</text>
|
|
|
</view>
|
|
|
- <view class="li">
|
|
|
- <view class="icon">
|
|
|
- <image mode="widthFix" src="./../../img/q.png"></image>
|
|
|
+ <view class="br"></view>
|
|
|
+ <view class="list">
|
|
|
+ <view class="li">
|
|
|
+ <view class="icon">
|
|
|
+ <image mode="widthFix" src="./../../img/o.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="button">
|
|
|
+ <button open-type="feedback">建议与反馈</button>
|
|
|
+ <image class="j" mode="heightFix" src="./../../img/b.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="button" bindtap="goMeAbout">
|
|
|
- <text>关于我们</text>
|
|
|
- <image class="j" mode="heightFix" src="./../../img/b.png"></image>
|
|
|
+ <view class="li">
|
|
|
+ <view class="icon">
|
|
|
+ <image mode="widthFix" src="./../../img/q.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="button" bindtap="goMeAbout">
|
|
|
+ <text>关于我们</text>
|
|
|
+ <image class="j" mode="heightFix" src="./../../img/b.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view wx:if="{{isLogin}}" class="login">
|
|
|
- <view bindtap="onTapLogin" class="{{!isLogin ? 'action' : ''}}">
|
|
|
- {{isLogin ? '退出登录' : "登录"}}
|
|
|
+ <view wx:if="{{isLogin}}" class="login">
|
|
|
+ <view bindtap="onTapLogin" class="{{!isLogin ? 'action' : ''}}">
|
|
|
+ {{isLogin ? '退出登录' : "登录"}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-</view>
|
|
|
-<view style="height: 98rpx;">
|
|
|
- <view class="line"></view>
|
|
|
- <view style="height: 97rpx; text-align: center; display: flex; flex: 1; align-items: center;">
|
|
|
- <view class="bottom_view" data-index="0" bind:tap="onTapIndex">
|
|
|
- <image class="bottom_image" mode="widthFix" src="{{indexPage==0?'./../../img/index_action.png':'./../../img/index_unaction.png'}}"></image>
|
|
|
- <view style="font-size: 20rpx;color: {{indexPage==0?'#A4D099':'black'}}; padding-top: 0rpx;margin-top: 0rpx;">
|
|
|
- 首页
|
|
|
+ <view style="height: 98rpx;">
|
|
|
+ <view class="line"></view>
|
|
|
+ <view style="height: 97rpx; text-align: center; display: flex; flex: 1; align-items: center;">
|
|
|
+ <view class="bottom_view" data-index="0" bind:tap="onTapIndex">
|
|
|
+ <image class="bottom_image" mode="widthFix" src="{{indexPage==0?'./../../img/index_action.png':'./../../img/index_unaction.png'}}"></image>
|
|
|
+ <view style="font-size: 20rpx;color: {{indexPage==0?'#A4D099':'black'}}; padding-top: 0rpx;margin-top: 0rpx;">
|
|
|
+ 首页
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view wx:if="{{deviceListIndex!=null&&deviceList.length>deviceListIndex&&deviceList[deviceListIndex].connectType===3}}" class="bottom_view" data-index="1" bind:tap="onTapIndex">
|
|
|
+ <image class="bottom_image" mode="widthFix" src="{{indexPage==1?'./../../img/channel_action.png':'./../../img/channel_unaction.png'}}"></image>
|
|
|
+ <view style="font-size: 20rpx;color: {{indexPage==1?'#A4D099':'black'}};">频道</view>
|
|
|
+ </view>
|
|
|
+ <view class="bottom_view" data-index="2" bind:tap="onTapIndex">
|
|
|
+ <image class="bottom_image" mode="widthFix" src="{{indexPage==2?'./../../img/me_action.png':'./../../img/me_unaction.png'}}"></image>
|
|
|
+ <view style="font-size: 20rpx;color: {{indexPage==2?'#A4D099':'black'}};">我的</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view wx:if="{{deviceListIndex!=null&&deviceList.length>deviceListIndex&&deviceList[deviceListIndex].connectType===3}}" class="bottom_view" data-index="1" bind:tap="onTapIndex">
|
|
|
- <image class="bottom_image" mode="widthFix" src="{{indexPage==1?'./../../img/channel_action.png':'./../../img/channel_unaction.png'}}"></image>
|
|
|
- <view style="font-size: 20rpx;color: {{indexPage==1?'#A4D099':'black'}};">频道</view>
|
|
|
- </view>
|
|
|
- <view class="bottom_view" data-index="2" bind:tap="onTapIndex">
|
|
|
- <image class="bottom_image" mode="widthFix" src="{{indexPage==2?'./../../img/me_action.png':'./../../img/me_unaction.png'}}"></image>
|
|
|
- <view style="font-size: 20rpx;color: {{indexPage==2?'#A4D099':'black'}};">我的</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-</view>
|
|
|
-<!-- <view wx:if="{{newVersion}}" class="updataminiwx">
|
|
|
+ <!-- <view wx:if="{{newVersion}}" class="updataminiwx">
|
|
|
<view class="mode">
|
|
|
<image class="bg" src="./../../img/BG@2x.png"></image>
|
|
|
<view class="updata-view">
|