vr-shopxo-source/service/Application/Home/View/Default/Public/UserMenu.html

<!-- 用户中心菜单 -->
<div class="user-sidebar am-offcanvas" id="user-offcanvas">
  <div class="am-offcanvas-bar user-offcanvas-bar">
    <ul class="am-list user-sidebar-list">
      <foreach name="user_left_menu" key="k" item="v">
        <if condition="$v['is_show'] eq 1">
          <if condition="empty($v['item'])">
            <li data-value="user-left-menu-{{:strtolower($v['control'].'-'.$v['action'])}}" class="user-left-menu-{{:strtolower($v['control'].'-'.$v['action'])}} <if condition="strtolower(CONTROLLER_NAME.ACTION_NAME) eq strtolower($v['control'].$v['action']) and strtolower($v['control'].$v['action']) eq 'userindex'">am-active</if>" >
              <a href="{{:U('Home/'.$v['control'].'/'.$v['action'])}}"><if condition="!empty($v['icon'])"><i class="{{$v.icon}}"></i></if> {{$v.name}}</a>
            </li>
          <else />
            <li>
              <a class="am-cf fw-700 user-item-parent" data-am-collapse="{target: '#collapse-nav-{{$k}}'}"><if condition="!empty($v['icon'])"><i class="{{$v.icon}}"></i></if> {{$v.name}}<span class="am-icon-angle-down am-fr am-margin-right"></span></a>
              <ul class="am-list am-collapse user-sidebar-sub am-in" id="collapse-nav-{{$k}}">
                <foreach name="v.item" item="vs">
                  <if condition="$vs['is_show'] eq 1">
                    <li data-value="user-left-menu-{{:strtolower($vs['control'].'-'.$vs['action'])}}" class="user-left-menu-{{:strtolower($vs['control'].'-'.$vs['action'])}} <if condition="strtolower(CONTROLLER_NAME) eq strtolower($vs['control']) and strtolower(CONTROLLER_NAME) neq 'user'">am-active</if>">
                      <a href="{{:U('Home/'.$vs['control'].'/'.$vs['action'])}}" class="am-cf"><if condition="!empty($vs['icon'])"><i class="{{$vs.icon}}"></i></if> {{$vs.name}}</a>
                    </li>
                  </if>
                </foreach>
              </ul>
            </li>
          </if>
        </if>
      </foreach>
    </ul>
  </div>
</div>
<a href="javascript:;" class="am-icon-btn am-icon-th-list am-show-sm-only user-menu" data-am-offcanvas="{target: '#user-offcanvas'}"></a>

<!-- 用户头像修改 -->
<div class="am-popup common-cropper-popup" id="user-avatar-popup">
    <div class="am-popup-inner">
        <div class="am-popup-hd meila-radius">
            <h4 class="am-popup-title">{{:L('common_avatar_upload_title')}}</h4>
            <span data-am-modal-close class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
            <form class="am-form form-validation-user-avatar view-save" action="{{:U('Home/User/UserAvatarUpload')}}" method="POST" request-type="ajax-reload" enctype="multipart/form-data">
                <input type="hidden" name="max_file_size" value="{{:MyC('home_max_limit_image', 2048000)}}" />
                <div class="cropper-images-view">
                    <div class="img-container am-fl user-avatar-img-container">
                        <img src="{{$image_host}}/Public/Home/{{$default_theme}}/Images/default-user-avatar.jpg" alt="Picture" />
                    </div>
                    <div class="img-preview preview-lg am-fl am-radius user-avatar-img-preview am-hide-sm-only"></div>
                    <div class="img-preview preview-md am-fl am-radius user-avatar-img-preview "></div>
                    <div class="img-preview preview-sm am-fl am-radius user-avatar-img-preview "></div>
                    <input type="hidden" name="img_x" id="user-avatar-img_x" />
                    <input type="hidden" name="img_y" id="user-avatar-img_y" />
                    <input type="hidden" name="img_width" id="user-avatar-img_width" />
                    <input type="hidden" name="img_height" id="user-avatar-img_height" />
                    <input type="hidden" name="img_rotate" id="user-avatar-img_rotate" />
                </div>
                <div class="submit-operation">
                    <button type="button" class="am-btn am-btn-default am-fl am-icon-search-plus am-icon-sm am-btn-xs am-radius" data-method="zoom" data-option="0.1"></button>
                    <div class="am-form-group am-form-file am-fl">
                        <button type="button" class="am-btn am-btn-default am-btn-sm cropper-input-images-submit">
                        <i class="am-icon-cloud-upload"></i> {{:L('common_select_images_text')}}</button>
                        <input type="file" name="file" multiple accept="image/gif,image/jpeg,image/jpg,image/png" data-validation-message="{{:L('common_select_images_tips')}}" required  />
                    </div>
                    <button type="button" class="am-btn am-btn-default am-fl am-icon-search-minus am-icon-sm am-btn-xs am-radius" data-method="zoom" data-option="-0.1"></button>
                </div>

                <button type="submit" class="am-btn am-btn-primary am-btn-sm am-radius head-submit btn-loading-example" data-am-loading="{loadingText: '{{:L('common_upload_loading_tips')}}'}">{{:L('common_operation_confirm')}}</button>
            </form>
            <div class="am-alert am-alert-secondary" data-am-alert>
              <p>请在工作区域放大缩小及移动选取框，选择要裁剪的范围，裁切宽高比例固定；</p>
              <p>裁切后的效果为右侧预览图所显示；</p>
              <p>确认提交后生效。</p>
            </div>
        </div>
    </div>
</div>