<!--pages/channelDetails/channelDetails.wxml-->
<view class="channelDetails">
  <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{nvabarData}}'>
  </nav-bar>
  <view class="content">
    <view class="headInfo">
      <view class="channelInfo">
        <view class="pic">
          <image src="{{thisChannel.channelPic}}"></image>
        </view>
        <view class="textInfo">
          <text>FM.{{thisChannel.channelNum !== null ? (thisChannel.channelNum < 10 ? "0" + (thisChannel.channelNum) : thisChannel.channelNum) : 00}}</text>
              <text>{{thisChannel.channelName}}</text>
        </view>
      </view>
      <!-- <image class="bgPic_1" src="./../../img/pd1.png" mode="heightFix"></image> -->
      <image class="bgPic_3" src="./../../img/pd3.png" mode="widthFix"></image>
      <image class="bgPic_2" src="./../../img/pd2.png" mode="heightFix"></image>
    </view>
    <view class="list" style="height: calc(100vh - {{navBarHeight}}px - 260rpx);">
      <view class="info" wx:for="{{channelList}}">
        <image src="{{item.audioPic}}" mode="scaleToFill"></image>
        <text>{{item.audioName}}</text>
      </view>
    </view>
  </view>
</view>