dd_xcx/pages/deploy/index/index.axml

<view>
  <view class="head">
    <view class="flex-box flex-center-center">
      <view class="name flex-1 font-flex-word">
        <view>{{userData.name}}</view>
        <view class="fontColorF font-flex-word" style="font-size:28rpx;margin-top:10rpx;width:80%">{{userData.post}}</view>
      </view>
      <img-box name="{{userData.name}}" imgUrl="{{userData.img_url}}"  height="100rpx" width="100rpx"></img-box>
    </view>
  </view>
  <view class="margin-bottom">
    <view class="top"></view>
    <view class="header">
      <view class="flex-box flex-v-ce li margin-bottom">
        <image class="img-left" mode="scaleToFill" src="../../../image/xf.png"></image>
        <view class="flex-box flex-v-ce flex-1 li-right">
          <view class="title flex-1">
            <view>当前为试用版本</view>
            <view class="date">还有<text class="red">15天</text>到期</view>
          </view>
          <view class="xusj" data-index="1" onTap="openView">续费升级</view>
        </view>
      </view>
      <view class="flex-box flex-v-ce li margin-bottom" data-index="2" onTap="openView">
        <image class="img-left" mode="scaleToFill" src="../../../image/bmyg.png"></image>
        <view class="flex-box flex-v-ce flex-1 li-right">
          <view class="title flex-1">部门/员工</view>
          <image mode="scaleToFill" src="../../../image/right.png" class="img-right"></image>
        </view>
      </view>
      <view class="flex-box flex-v-ce li margin-bottom" data-index="3" onTap="openView">
        <image class="img-left" mode="scaleToFill" src="../../../image/jfgz.png"></image>
        <view class="flex-box flex-v-ce flex-1 li-right">
          <view class="title flex-1">积分规则</view>
          <image mode="scaleToFill" src="../../../image/right.png" class="img-right"></image>
        </view>
      </view>
      <view class="flex-box flex-v-ce li" data-index="4" onTap="openView">
        <image class="img-left" mode="scaleToFill" src="../../../image/kqjf.png"></image>
        <view class="flex-box flex-v-ce flex-1 li-right">
          <view class="title flex-1">考勤积分规则</view>
          <image mode="scaleToFill" src="../../../image/right.png" class="img-right"></image>
        </view>
      </view>
    </view>
  </view>
</view>