dd_jx_xcx/pages/serve/serve/serve.axml

<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" class="flex-box-ce">
      <view class="flex-1">使用帮助</view>
      <view class="flex-box-ce flex-center-center" catchTap="openDn" a:if="{{isgetRole&&userData.is_only_try_order}}">
        <image mode="scaleToFill" class="yy" src="../../../image/ys.png" />
        <text class="blue">预约演示</text>
      </view>
  </view>
  <view class="main">
    <view class="flex-box-ce item1 flex-d-wrap">
      <view class="flex-box-ce" catchTap="openUrl" data-index="4" a:if="{{isgetRole}}">
        <view class="imgBox">
          <text class="iconfont icon-jiqiao"></text>
        </view>
        <text>新手引导</text>
      </view>
      <view class="flex-box-ce" catchTap="openUrl" data-index="1">
        <view class="imgBox">
          <text class="iconfont icon-xinshou"></text>
        </view>
        <text>快速入门</text>
      </view>
      <view class="flex-box-ce" catchTap="openUrl" data-index="2">
        <view class="imgBox">
          <text class="iconfont icon-wendang"></text>
        </view>
        <text>各角色操作教程</text>
      </view>
      <view class="flex-box-ce" catchTap="openUrl" data-index="3">
        <view class="imgBox">
          <text class="iconfont icon-wendang"></text>
        </view>
        <text>应用场景与技巧</text>
      </view>
    </view>
    <view a:if="{{isgetRole}}" style="text-align:center;padding:0.1rem 0.24rem;border-radius: 10rpx;font-size: 0.28rem;" catchTap="opengd">
      更多服务 <text class="iconfont icon-jiantouyou" style="font-size:22rpx;position: relative;top:-3rpx;margin-left:6rpx"></text>
    </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 class="windows" a:if="{{isshowTc2}}" style="overflow-y: scroll;">
      <image mode="widthFix" src="{{'../../../image/yd'+ydImg+'.jpg'}}" class="ydImg"></image>
      <view class="yd{{ydImg}} nextBtn" catchTap="nextImg"></view>
      <view a:if="{{ydImg!=2}}" class="uyd{{ydImg}} upBtn" catchTap="nextImg2"></view>
  </view>

  <view class="windows" a:if="{{isshowTc}}">
    <view class="windows-box" style="position: relative;margin: 0 1rem;margin-top: 32%;">
      <view class="flex-box-end" catchTap="closes3" style="padding:0.2rem;">
        <image mode="widthFix" class="closeImg" src="../../../image/close.png" />
      </view>
      <view class="title">快速体验功道云绩效</view>
      <view class="contentBox flex-box flex-h-zhu" style="margin: 0.3rem 0rem;padding:0 0.2rem;padding-left:0.4rem">
        <view class="imgs">
          <view class="flex-box-ce">
            <image mode="widthFix" src="../../../image/01.png" />
            <text>定目标</text></view>
          <view class="flex-box-ce">
            <image mode="widthFix" src="../../../image/02.png" />
            <text>追过程</text></view>
          <view class="flex-box-ce">
            <image mode="widthFix" src="../../../image/03.png" />
            <text>拿结果</text></view>
          <view class="flex-box-ce">
            <image mode="widthFix" src="../../../image/04.png" />
            <text>评分</text></view>
          <view class="flex-box-ce">
            <image mode="widthFix" src="../../../image/05.png" />
            <text>报表分析</text></view>
        </view>
        <image class="imgs2" src="../../../image/users.png" />
      </view>
      <view class="flex-box-ce btns" style="padding:0 0.24rem;padding-bottom:0.4rem">
        <view class="flex-1 yuBtn" catchTap="openDn" a:if="{{isgetRole&&userData.is_only_try_order}}">预约演示</view>
        <view class="flex-1" catchTap="openKf2">开始体验</view>
      </view>
    </view>
  </view>


</view>