RailwayTwo/mini/pages/project/index.wxml

<!--pages/project/index.wxml-->
<view class="sg-container">
  <view class="sg-user-box sg-pad sg-flex sg-align-center">
    <image class="sg-big-avatar" src="{{userInfo.avatarUrl}}" mode="widthFix"></image>
    <view class="sg-right sg-flex-grow">
      <view class="sg-name">{{userInfo.name}}</view>
      <view
        class="sg-project-role sg-gray-color sg-font-small sg-flex sg-align-center sg-space-between sg-margin-tb-sm">
        <view class="sg-project">中铁二局项目部</view>
        <view class="sg-role">{{ project.role ? project.role.name : '' }}</view>
      </view>
      <view class="sg-phone-user sg-flex sg-align-center sg-space-between">
        <view class="sg-phone sg-gray-color sg-font-small">{{ userInfo.phone }}</view>
        <view class="sg-user sg-font-small sg-index-color sg-flex sg-align-center" bindtap="navigate" data-url="/pages/project-user/index?id={{id}}"><van-icon name="user-o" /><text>人员管理</text></view>
      </view>
    </view>
  </view>
  <view class="sg-menu-box sg-pad">
    <view class="sg-menu-header">
      <text class="sg-title sg-bold">设备租赁</text>
      <text class="sg-sub-title sg-gray-color">外部设备租赁</text>
    </view>
    <view class="sg-menu-list">
      <view class="sg-item sg-flex sg-align-center sg-pad" wx:for="{{device_rent_menus}}" wx:key="index">
        <image class="sg-img" src="{{item.img}}" mode="widthFix"></image>
        <view class="sg-name sg-margin-top-sm">{{item.title}}</view>
        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-xs">{{item.desc}}</view>
      </view>
    </view>
  </view>
  <view class="sg-menu-box sg-pad">
    <view class="sg-menu-header">
      <text class="sg-title sg-bold">设备调用</text>
      <text class="sg-sub-title sg-gray-color">内部设备调用</text>
    </view>
    <view class="sg-menu-list">
      <view class="sg-item sg-flex sg-align-center sg-pad" wx:for="{{device_rent_menus}}" wx:key="index">
        <image class="sg-img" src="{{item.img}}" mode="widthFix"></image>
        <view class="sg-name sg-margin-top-sm">{{item.title}}</view>
        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-xs">{{item.desc}}</view>
      </view>
    </view>
  </view>
  <view class="sg-menu-box sg-pad">
    <view class="sg-menu-header">
      <text class="sg-title sg-bold">设备仓库</text>
      <text class="sg-sub-title sg-gray-color">内部设备管理</text>
    </view>
    <view class="sg-menu-list">
      <view class="sg-item sg-flex sg-align-center sg-pad" wx:for="{{device_depot_menus}}" wx:key="index">
        <image class="sg-img" src="{{item.img}}" mode="widthFix"></image>
        <view class="sg-name sg-margin-top-sm">{{item.title}}</view>
        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-xs">{{item.desc}}</view>
      </view>
    </view>
  </view>
</view>