<!-- 标题 -->
<view class="UCenter-bg">
  <image src="../../../images/ic_mine_title_bg.png" mode="scaleToFill"></image>
  <view class="user-info">
    <image class="user-icon" src="{{userIcon}}" mode="scaleToFill">
    </image>
    <view class="user-content">
      <text class="title">{{name}}</text>
      <!-- <text class="des">{{nickName}}</text> -->
    </view>
  </view>
  <image src="../../../images/ic_setting.png" class="icon" bindtap="showSetting"></image>
</view>

<view class="scroll-content">
  <!-- 菜单 -->
  <view wx:if="{{menuList.length>0}}" style="width:100%;">
    <view class="cu-list menu card-menu shadow-lg radius" style="margin-top:30rpx;margin-left:0rpx;margin-right:0rpx;"
      wx:for-item="group" wx:for="{{menuList}}" wx:key="index" wx:if="{{group.configColumnGroupStatus=='1'}}">
      <!-- 横向 -->
      <view wx:if="{{group.configColumnGroupDirection=='1'}}">
        <view class="cu-list grid col-4 no-border">
          <view class="cu-item align-center justify-center" data-path="{{item.configColumnTargetUrl}}"
            wx:if="{{item.configColumnStatus=='1'}}" data-type="{{item.configColumnTargetMode}}" bindtap="choosePage"
            data-item="{{item}}" wx:for="{{group.configColumnList}}" wx:for-index="idx" wx:for-item="item" wx:key="idx">
            <image style="width:96rpx;height:96rpx;border-radius:10rpx;" src="{{imgUrl+item.configColumnPhoto}}"
              mode="scaleToFill">
            </image>
            <text class="text-df text-black">{{item.configColumnName}}</text>
          </view>
        </view>
      </view>
      <!-- 纵向 -->
      <view wx:else>
        <view wx:for="{{group.configColumnList}}" wx:for-item="item" data-path="{{item.configColumnTargetUrl}}"
          data-type="{{item.configColumnTargetMode}}" wx:key="index" data-item="{{item}}" bindtap="choosePage">
          <view class="cu-list menu  card-menu shadow-lg radius">
            <view class="cu-item arrow border-bottom-sm margin-top-sm" style="padding-bottom:10rpx;">
              <image wx:if="{{item.configColumnPhoto.length>0}}" class="cu-avatar radius lg"
                src="{{imgUrl + item.configColumnPhoto}}" mode="scaleToFill"></image>
              <view class="content padding-left-xs" style="width:80%;">
                <view class="text-black">
                  <text class="text-cut">{{item.configColumnName}}</text>
                </view>
                <view class="text-gray text-sm flex">
                  <text class="text-cut">{{item.configColumnRemark}}</text>
                </view>
              </view>
              <view class="action">
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>