index.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <?php
  2. /* @var $this \yii\web\View */
  3. /* @var $content string */
  4. use backend\assets\AppAsset;
  5. use yii\bootstrap4\Html;
  6. use yii\helpers\Url;
  7. AppAsset::register($this);
  8. ?>
  9. <?php $this->beginPage() ?>
  10. <!DOCTYPE html>
  11. <html lang="<?= Yii::$app->language ?>" class="h-100">
  12. <head>
  13. <meta charset="<?= Yii::$app->charset ?>">
  14. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  15. <!-- Google Font: Source Sans Pro -->
  16. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  17. <?php $this->registerCsrfMetaTags() ?>
  18. <title><?= Html::encode(Yii::$app->params['adminTitle']);?></title>
  19. <?php $this->head() ?>
  20. </head>
  21. <body class="layout-boxed hold-transition sidebar-mini layout-fixed" style="overflow:hidden">
  22. <?php $this->beginBody() ?>
  23. <style>
  24. .layout-boxed .wrapper,
  25. .layout-boxed .wrapper::before {
  26. margin-left: 100px;
  27. max-width: 100%;
  28. overflow: hidden;
  29. }
  30. .os-padding {
  31. background-color: #ffffff;
  32. }
  33. .rf-subfield-left {
  34. width:100px;
  35. position: absolute;
  36. background-color: #191a23;
  37. height: 100vh;
  38. overflow-y: hidden;
  39. z-index: 1038;
  40. }
  41. .rf-subfield-left nav .nav-item {
  42. margin: 0 5px 2px 20px;
  43. display: flex;
  44. cursor: pointer;
  45. white-space: nowrap;
  46. overflow: hidden;
  47. border-radius: 2px;
  48. font-size: 14px;
  49. height: 40px;
  50. }
  51. .sidebar .nav-link p,
  52. .nav-sidebar .nav-item > .nav-link {
  53. white-space: nowrap;
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. }
  57. .nav-treeview .nav-link {
  58. padding: .5rem 1.2rem;
  59. }
  60. .rf-subfield-left nav li a {
  61. padding: 0 0 0 8px;
  62. color: hsla(0,0%,100%,.7);
  63. }
  64. .rf-subfield-left nav .nav-item a i {
  65. padding-right: 6px;
  66. }
  67. .rfTopMenuHover .nav-link {
  68. color: #fff;
  69. }
  70. .nav-sidebar > .nav-item .nav-icon {
  71. display: none;
  72. }
  73. .main-header .logo, .main-sidebar {
  74. width: 130px;
  75. }
  76. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  77. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  78. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
  79. transition: margin-left .3s ease-in-out;
  80. margin-left: 130px;
  81. }
  82. @media (max-width: 767px) {
  83. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  84. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  85. body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
  86. transition: margin-left .3s ease-in-out;
  87. margin-left: 0;
  88. }
  89. .sidebar-open .main-sidebar,
  90. .sidebar-open .main-sidebar::before {
  91. margin-left: 130px;
  92. height: 100%;
  93. }
  94. }
  95. .layout-fixed .brand-link {
  96. width: 130px;
  97. }
  98. .layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
  99. transition: width 0.3s ease-in-out;
  100. width: 130px;
  101. }
  102. .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  103. width: 130px;
  104. }
  105. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
  106. .sidebar-mini.sidebar-collapse .main-sidebar:hover {
  107. width: 130px;
  108. }
  109. .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link,
  110. .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-link,
  111. .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-link {
  112. width: calc(130px - .5rem * 2);
  113. transition: width ease-in-out .3s;
  114. }
  115. .sidebar-mini .main-sidebar .nav-link,
  116. .sidebar-mini-md .main-sidebar .nav-link,
  117. .sidebar-mini-xs .main-sidebar .nav-link {
  118. width: calc(130px - .5rem * 2);
  119. transition: width ease-in-out .3s;
  120. }
  121. .mCSB_inside > .mCSB_container {
  122. margin-right: 0;
  123. }
  124. .mCSB_scrollTools .mCSB_draggerContainer {
  125. display: none;
  126. }
  127. </style>
  128. <div class="rf-subfield-left">
  129. <?= $this->render('_fence'); ?>
  130. </div>
  131. <!-- Site wrapper -->
  132. <div class="wrapper">
  133. <!-- 头部区域 -->
  134. <?= $this->render('_header'); ?>
  135. <!-- 左侧菜单栏 -->
  136. <?= $this->render('@backend/views/theme/default/_left'); ?>
  137. <!-- 主体内容区域 -->
  138. <?= $this->render('@backend/views/theme/default/_content'); ?>
  139. <!-- 底部区域 -->
  140. <!-- 右边控制栏 -->
  141. <aside class="control-sidebar control-sidebar-dark">
  142. <!-- Control sidebar content goes here -->
  143. </aside>
  144. <?= Html::jsFile('@baseResources/js/contabs.js'); ?>
  145. <script>
  146. // 配置
  147. let config = {
  148. tag: "<?= Yii::$app->services->config->backendConfig('sys_tags') ?? false; ?>",
  149. isMobile: "<?= Yii::$app->params['isMobile'] ?? false; ?>",
  150. };
  151. /* 主题布局切换 */
  152. $(document).on("change", "#rfTheme", function () {
  153. var layout = $('#rfTheme').val();
  154. window.location.href = '<?= Url::to(['theme/update'])?>' + '?layout=' + layout;
  155. });
  156. $(document).ready(function () {
  157. autoNav();
  158. });
  159. $(window).resize(function () {
  160. autoNav();
  161. });
  162. function autoNav() {
  163. $(".subfield-nav").mCustomScrollbar({
  164. scrollInertia: 0,
  165. autoHideScrollbar: true,
  166. });
  167. }
  168. </script>
  169. </div>
  170. <?php $this->endBody() ?>
  171. </body>
  172. </html>
  173. <?php $this->endPage();
粤ICP备19079148号