<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <!-- <view class="panelItem0 FlexColumn">
    <view class="panelTitle0 panelTitle FlexRow">
      <view class="panelTitle1">用途说明</view>
    </view>
    <text class="text1">符号栏由“所有符号”、“最近使用”两部分组成，就像微信录入表情时那样。\n\n初始仅显示“所有符号”中的7个和“更多”按钮。点击“更多”选择真正用的着的符号。符号栏上超过8个符号时，请向左翻屏查看剩余符号。\n\n“最近使用”在点击“所有符号”后出现，它们被排放在符号栏最左侧，最多显示8个最近使用的符号。这一设计是为了减少翻屏，让常用符号能显示在第一屏里。</text>

    <image class="help_picture_mathsymbol" src='{{ImagePath}}web/help_picture_mathsymbol.png' />

  </view>
  <view class='lineFooter'></view> -->

  <view class="panelTitle FlexRow">
    <view class="panelTitle1">常用符号栏，拖动可排序。</view>
    <view class="panelTitle2"></view>
  </view>
  <view class="panelItem0 FlexRow">
    <view class="panelItem FlexRow">
      <view id="btn{{index}}" class="{{item.CSS2}} btn" wx:for="{{SymbolMain}}" wx:key="index" data-index='{{index}}' data-name="{{item.Name}}" catchtouchstart='dragStart' catchtouchmove='dragMove' catchtouchend='dragEnd'>{{item.Name}}</view>
      <view class="btnCopy btn" wx:if="{{ShowCopy}}" style="top:{{Copy.top}}px;left:{{Copy.left}}px;">{{Copy.Name}}</view>
    </view>
  </view>
  <view class='lineFooter'></view>
  <view class="panelTitle FlexRow">
    <view class="panelTitle1">选择需要的符号，选中的会添加到上面。</view>
    <view class="panelTitle2"></view>
  </view>
  <view class="panelItem0 FlexRow">
    <view class="panelItem1 FlexRow">
        <view id="btnAll{{index}}" class="{{item.CSS}} btn1 btn" wx:for="{{SymbolArray}}" wx:key="index" data-index='{{index}}' data-name="{{item.Name}}" bindtap="selectSymbol">{{item.Name}}</view>
    </view>
  </view>
  <view style='width:100%;height:100rpx;'></view>
</view>