Icons

            <div class="icon-box">
                <i class="mx-icon-success mx-icon_msg"></i>
                <div class="icon-box__ctn">
                    <h3 class="icon-box__title">成功</h3>
                    <p class="icon-box__desc">用于表示操作顺利达成</p>
                </div>
            </div>
        

            <div class="icon-box">
                <i class="mx-icon-info mx-icon_msg"></i>
                <div class="icon-box__ctn">
                    <h3 class="icon-box__title">提示</h3>
                    <p class="icon-box__desc">用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息</p>
                </div>
            </div>
        

            <div class="icon-box">
                <i class="mx-icon-warn mx-icon_msg-primary"></i>
                <div class="icon-box__ctn">
                    <h3 class="icon-box__title">普通警告</h3>
                    <p class="icon-box__desc">用于表示操作后将引起一定后果的情况</p>
                </div>
            </div>
        

            <div class="icon-box">
                <i class="mx-icon-warn mx-icon_msg"></i>
                <div class="icon-box__ctn">
                    <h3 class="icon-box__title">强烈警告</h3>
                    <p class="icon-box__desc">用于表示操作后将引起严重的不可挽回的后果的情况</p>
                </div>
            </div>
        

            <div class="icon-box">
                <i class="mx-icon-waiting mx-icon_msg"></i>
                <div class="icon-box__ctn">
                    <h3 class="icon-box__title">等待</h3>
                    <p class="icon-box__desc">用于表示等待</p>
                </div>
            </div>
        

            <i class="mx-icon-success"></i>

            <i class="mx-icon-success-no-circle"></i>

            <i class="mx-icon-circle"></i>

            <i class="mx-icon-warn"></i>

            <i class="mx-icon-download"></i>

            <i class="mx-icon-info-circle"></i>

            <i class="mx-icon-cancel"></i>

            <i class="mx-icon-search"></i>