<view>
  <view style="height:0.2rem"></view>
  <view style="margin:0.2rem;margin-top:0">
    <view class="header">
      <view class="name font-flex-word">{{userData.site.name}}</view>
      <view class="num">
        <text>{{userData.site.user_count_max}}人</text>套餐</view>
      <view class="flex-box-ce date">
        <view class="flex-1">有效期至：{{expireTime}}</view>
        <view catchTap="openUrl2">续费/升级</view>
      </view>
    </view>
  </view>
  <view style="font-size:0.32rem;padding: 0.24rem 0.32rem;padding-top:0">使用帮助</view>
  <view class="main">
    <view class="flex-box-ce item1">
      <view class="flex-1 flex-box-ce" catchTap="openUrl" data-index="1">
        <view class="imgBox">
          <text class="iconfont icon-xinshou"></text>
        </view>
        <text>快速入门</text>
      </view>
      <view class="flex-1 flex-box-ce" catchTap="openUrl" data-index="2">
        <view class="imgBox">
          <text class="iconfont icon-wendang"></text>
        </view>
        <text>各角色操作教程</text>
      </view>
    </view>
    <view class="flex-box-ce item2">
      <view class="flex-1 flex-box-ce" catchTap="openUrl" data-index="3">
        <view class="imgBox">
          <text class="iconfont icon-wendang"></text>
        </view>
        <text>应用场景与技巧</text>
      </view>
      <view class="flex-1 flex-box-ce" catchTap="openUrl" data-index="4">
        <view class="imgBox">
          <text class="iconfont icon-jiankangfangan"></text>
        </view>
        <text>考核方案示例</text>
      </view>
    </view>
  </view>
  <view class="footer" a:if="{{isgetRole}}">
      <view class="flex-box-ce">
        <image mode="scaleToFill" src="../../../image/kfdh.png" />
        <view class="texts">
          <view> 你好！我是功道云专属客服</view>
           <view>你可以随时联系我查询相关问题或帮助</view>
        </view> 
      </view>
      <view class="btn" catchTap="openKf">联系人工客服</view>
  </view>
</view>