<view class="main hue{{hue}} fontsize{{fontsize}} {{prefers}} {{handle=='right'?'prefers-right-handle-drive':''}}"  onTouchMove="touchMoveFun" onTouchStart="touchStartFun" onTouchEnd="touchEndFun" onLongTap="onlongTap">
  <view class="part_1" onTap="onMainTap">
    <lister class="channel_list" id='ChannelLister' onPress="onChannelListPress" onScrollLoad="onListScroll" onScroll="onScrolling" ></lister>
  </view>
  <view class="part_2" >
      <player  class="{{theme}} part_2_player" id='Player' onPlaying="indexPlaying" onPress='onIndexPress' onEnded='onPlayerEnd' onError='onPlayerError'
        hue="{{hue}}"
        buttons={{buttons}} modes="{{modes}}"  onTap="onMainTap" onUpdate='onPlayerUpdate'>
      </player>
      <lister class="part_2_lister" id='playerLister'  onPlaying="indexPlaying" onPress="onPlayListPress" onError="onPListError" onShow="onPListShow" onScrollLoad="onDetailListScrollLoad" type="{{'float'}}" playiconAnim="{{'false'}}"></lister>
    </view>
    <panel class="{{theme}}" id="set" onChange='onSetChange' hue="{{hue}}" onLogin='onLogin' onLogout='onLogout'></panel>
  </view>