cld2/views/menu.html

<div class="page-logo">
    <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative"  data-toggle="dropdown">
        <div class="icon-stack fa-2x">
            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
            <i class="fal fa-box icon-stack-1x opacity-100 color-white"></i>
        </div>
        <span class="page-logo-text mr-1">产品</span>
        <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
        <i class="ni ni-my-apps d-inline-block ml-1 fs-lg color-primary-300"></i>
    </a>
    <!--栏目菜单-->
    <div class="dropdown-menu w-auto h-auto">
        <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top">
            <h4 class="m-0 text-center color-white">
                纵横CLD v2.0
                <small class="mb-0 opacity-80">应用菜单</small>
            </h4>
        </div>
        <div class="custom-scroll h-100">
            <ul class="app-list">
                <li>
                    <a href="/" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                工作台
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/contacts" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                客户
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/keyonline" class="app-list-item hover-white">
                                            <span class="icon-stack">
                                                <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
                                                <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
                                                <i class="fal fa-box icon-stack-1x text-white"></i>
                                            </span>
                                            <span class="app-list-name">
                                                产品
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/saeaBorad" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                费用
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/invoice" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                开票
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="#" class="app-list-item hover-white">
                        <div class="icon-stack">
                            <i class="base-18 icon-stack-3x color-info-300"></i>
                            <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
                        </div>
                                            <span class="app-list-name">
                                                假期
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/myList" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-15 icon-stack-3x opacity-100 color-fusion-700"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                人资
                                            </span>
                    </a>
                </li>
                <li>
                    <a href="/settingEmployeeInfo" class="app-list-item hover-white">
                        <div class='icon-stack'>
                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
                        </div>
                                            <span class="app-list-name">
                                                我的纵横
                                            </span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>