|
|
@@ -88,7 +88,7 @@
|
|
|
<!-- BEGIN Left Aside -->
|
|
|
<aside class="page-sidebar">
|
|
|
<div class="page-logo">
|
|
|
- <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="dropdown">
|
|
|
+ <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
|
|
|
<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>
|
|
|
@@ -98,102 +98,6 @@
|
|
|
<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="#" 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="#" 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="#" 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="#" 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="#" 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="#" 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>
|
|
|
<!-- 侧栏主菜单 -->
|
|
|
<nav id="js-primary-nav" class="primary-nav" role="navigation">
|
|
|
@@ -2164,6 +2068,100 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- BEGIN应用切换 -->
|
|
|
+ <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-body">
|
|
|
+ <ul class="app-list w-auto h-auto p-0 text-left">
|
|
|
+ <li>
|
|
|
+ <a href="#" class="app-list-item text-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="#" class="app-list-item text-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="#" class="app-list-item text-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="#" class="app-list-item text-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="#" class="app-list-item text-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 text-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="#" class="app-list-item text-white">
|
|
|
+ <div class='icon-stack'>
|
|
|
+ <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></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="#" class="app-list-item text-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>
|
|
|
+ </div>
|
|
|
</body>
|
|
|
<!-- base vendor bundle:
|
|
|
DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
|
