Browse Source

style(app): 更新应用标题和样式调整

- 将应用标题从"Nexo-Cloud-Plus后台管理系统"更改为"易盟数字科技"
- 在App.vue中添加scroll-container类以隐藏滚动条但仍可滚动
- 移除AppMain.vue中的装饰性伪元素样式
- 在layout/index.vue中重新添加装饰性伪元素样式
- 隐藏右侧设置面板显示
- 调整Logo组件中的标题文本和移除字体粗细样式
- 更新package.json中的应用描述信息
JX.Li 2 weeks ago
parent
commit
7eaddf3e89

+ 1 - 1
nexo-ui/.env.development

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = Nexo-Cloud-Plus后台管理系统
+VUE_APP_TITLE = 易盟数字科技
 
 # 开发环境配置
 ENV = 'development'

+ 1 - 1
nexo-ui/.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = Nexo-Cloud-Plus后台管理系统
+VUE_APP_TITLE = 易盟数字科技
 
 # 生产环境配置
 ENV = 'production'

+ 1 - 1
nexo-ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nexo-cloud-plus",
   "version": "1.8.2",
-  "description": "Nexo-Cloud-Plus后台管理系统",
+  "description": "易盟数字科技",
   "author": "Lion Li",
   "license": "MIT",
   "scripts": {

+ 13 - 1
nexo-ui/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div id="app" class="scroll-container">
     <router-view />
     <theme-picker />
   </div>
@@ -25,4 +25,16 @@ export default {
 #app .theme-picker {
   display: none;
 }
+/* 隐藏滚动条的同时仍能滚动 */
+.scroll-container {
+  overflow: auto; /* 启用滚动功能 */
+  -ms-overflow-style: none; /* 适用于 Internet Explorer 和旧版 Edge */
+  scrollbar-width: none; /* 适用于 Firefox */
+}
+
+/* Webkit 浏览器 */
+.scroll-container::-webkit-scrollbar {
+  display: none; /* 隐藏滚动条 */
+}
+
 </style>

+ 1 - 0
nexo-ui/src/assets/styles/index.scss

@@ -11,6 +11,7 @@ body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+
 }
 
 label {

+ 0 - 16
nexo-ui/src/layout/components/AppMain.vue

@@ -34,22 +34,6 @@ export default {
   position: relative;
   overflow: hidden;
 
-
-  &::after {
-    content: "";
-    position: absolute;
-    left: -10px;
-    top: 40px;
-    z-index: 100;
-    width: 20px;
-    height: 20px;
-    background-color: #002786;
-    mask: radial-gradient(circle at 100% 100%, transparent 10px, #f1f1ff 11px);
-    backface-visibility: hidden;
-    transform: scaleX(1) translateZ(0);
-  }
-
-
 }
 
 .fixed-header + .app-main {

+ 1 - 2
nexo-ui/src/layout/components/Sidebar/Logo.vue

@@ -41,7 +41,7 @@ export default {
   },
   data() {
     return {
-      title: '易盟数科后台管理',
+      title: '易盟数字科技',
       logo: logoImg
     }
   }
@@ -82,7 +82,6 @@ export default {
       display: inline-block;
       margin: 0;
       color: #fff;
-      font-weight: 600;
       line-height: 50px;
       font-size: 16px;
       font-family: CAIHONGJIMU, PangMenZhengDaoBiaoTiTiMianFeiBan, Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;

+ 18 - 1
nexo-ui/src/layout/index.vue

@@ -8,7 +8,7 @@
         <tags-view v-if="needTagsView"/>
       </div>
       <app-main/>
-      <right-panel>
+      <right-panel v-show="false">
         <settings/>
       </right-panel>
     </div>
@@ -95,6 +95,23 @@ export default {
     z-index: 9;
     width: calc(100% - #{$base-sidebar-width});
     transition: width 0.28s;
+
+
+    &::after {
+      content: "";
+      position: absolute;
+      left: -10px;
+      top: 40px;
+      z-index: 100;
+      width: 20px;
+      height: 20px;
+      background-color: #002786;
+      mask: radial-gradient(circle at 100% 100%, transparent 10px, #f1f1ff 11px);
+      backface-visibility: hidden;
+      transform: scaleX(1) translateZ(0);
+    }
+
+
   }
 
   .hideSidebar .fixed-header {

+ 1 - 1
nexo-ui/src/views/login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">Nexo-Cloud-Plus后台管理系统</h3>
+      <h3 class="title">易盟数字科技</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"

+ 1 - 1
nexo-ui/src/views/register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">Nexo-Cloud-Plus后台管理系统</h3>
+      <h3 class="title">易盟数字科技</h3>
       <el-form-item prop="username">
         <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />