diff --git a/package.json b/package.json index f08a6f8..af4607f 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ }, "dependencies": { "@element-plus/icons-vue": "2.3.1", + "@lzui/lzui-lib": "0.1.0-alpha5", "@vavt/cm-extension": "^1.11.0", "@vueup/vue-quill": "1.2.0", "@vueuse/core": "13.3.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3676489..f28a83c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -11,6 +11,9 @@ importers: '@element-plus/icons-vue': specifier: 2.3.1 version: 2.3.1(vue@3.5.16) + '@lzui/lzui-lib': + specifier: 0.1.0-alpha5 + version: 0.1.0-alpha5 '@vavt/cm-extension': specifier: ^1.11.0 version: 1.11.0 @@ -505,6 +508,9 @@ packages: '@lezer/yaml@1.0.3': resolution: {integrity: sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==} + '@lzui/lzui-lib@0.1.0-alpha5': + resolution: {integrity: sha512-UYzSZfAodaS0p+1C3LSaPbRdig28N6KnLMaXh1hAmBuo4Am/l1qh1xKbR5l3Rfmq47nG+m1IsSVq4ArxZNQ6Cg==} + '@marijn/find-cluster-break@1.0.2': resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==} @@ -3589,6 +3595,12 @@ snapshots: '@lezer/highlight': 1.2.1 '@lezer/lr': 1.4.2 + '@lzui/lzui-lib@0.1.0-alpha5': + dependencies: + vue: 3.5.16 + transitivePeerDependencies: + - typescript + '@marijn/find-cluster-break@1.0.2': {} '@mermaid-js/parser@0.6.2': diff --git a/src/assets/icons/svg/empty1.svg b/src/assets/icons/svg/empty1.svg new file mode 100644 index 0000000..afabb34 --- /dev/null +++ b/src/assets/icons/svg/empty1.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/svg/empty2.svg b/src/assets/icons/svg/empty2.svg new file mode 100644 index 0000000..3f9cdee --- /dev/null +++ b/src/assets/icons/svg/empty2.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index da3f034..cd31721 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -123,6 +123,11 @@ aside { //main-container全局样式 .app-container { padding: 20px; + min-height: 100%; +} + +.tab-page-content{ + min-height: calc(100vh - 200px); } .components-container { diff --git a/src/assets/styles/reset.scss b/src/assets/styles/reset.scss index 7d5e9f6..5df6e02 100644 --- a/src/assets/styles/reset.scss +++ b/src/assets/styles/reset.scss @@ -7,6 +7,7 @@ #app .sidebar-container .el-menu, #app .main-container{ background-color: var(--app-nav-bj) !important; + // background-color: transparent !important } #app .app-main{ border-radius: 16px; @@ -18,6 +19,29 @@ margin-right: 8px; } +/*左侧菜单选中样式*/ +#app .router-link-active{ + position: relative; +} +#app .el-menu-item.is-active{ + position: relative; + z-index: 1; + background: transparent !important; +} +#app .app-wrapper .el-menu-item.is-active:hover{ + background-color: transparent!important; +} +#app .el-scrollbar .router-link-active::after{ + background-color: #ecf2ff; + content: ''; + position: absolute; + top: 7px; + left: 12px; + width: calc(100% - 24px); + height: 36px; + border-radius: 8px; + z-index: 0; +} /* flex */ .flex { diff --git a/src/main.js b/src/main.js index 714f518..b070d08 100644 --- a/src/main.js +++ b/src/main.js @@ -9,6 +9,10 @@ import locale from 'element-plus/es/locale/lang/zh-cn' import '@/assets/styles/index.scss' // global css + +import LzUiLib from '@lzui/lzui-lib' +import '@lzui/lzui-lib/style.css' + import App from './App' import store from './store' import router from './router' @@ -112,6 +116,8 @@ app.use(plugins) app.use(elementIcons) app.component('svg-icon', SvgIcon) +app.use(LzUiLib) + directive(app) // 使用element-plus 并且设置全局的大小 diff --git a/src/views/tc/eventAnalysisReport/components/basketball.vue b/src/views/tc/eventAnalysisReport/components/basketball.vue index 18a1fbd..bc705f1 100644 --- a/src/views/tc/eventAnalysisReport/components/basketball.vue +++ b/src/views/tc/eventAnalysisReport/components/basketball.vue @@ -1,5 +1,5 @@ diff --git a/src/views/tc/eventAnalysisReport/components/soccer.vue b/src/views/tc/eventAnalysisReport/components/soccer.vue index 5c56fdd..49d7ffa 100644 --- a/src/views/tc/eventAnalysisReport/components/soccer.vue +++ b/src/views/tc/eventAnalysisReport/components/soccer.vue @@ -1,5 +1,5 @@ diff --git a/src/views/tc/eventAnalysisReport/detail.vue b/src/views/tc/eventAnalysisReport/detail.vue index a293407..4499e21 100644 --- a/src/views/tc/eventAnalysisReport/detail.vue +++ b/src/views/tc/eventAnalysisReport/detail.vue @@ -8,9 +8,9 @@ {{ data && data.reportTime }} - + - +
-
- + + + + diff --git a/src/views/tc/videoScript/components/basketball.vue b/src/views/tc/videoScript/components/basketball.vue index e9add2e..ac2d0cd 100644 --- a/src/views/tc/videoScript/components/basketball.vue +++ b/src/views/tc/videoScript/components/basketball.vue @@ -1,5 +1,5 @@ diff --git a/src/views/tc/videoScript/components/soccer.vue b/src/views/tc/videoScript/components/soccer.vue index dd66c6e..4a6a8b7 100644 --- a/src/views/tc/videoScript/components/soccer.vue +++ b/src/views/tc/videoScript/components/soccer.vue @@ -1,5 +1,5 @@ diff --git a/src/views/tc/videoScript/detail.vue b/src/views/tc/videoScript/detail.vue index 97f290a..7525800 100644 --- a/src/views/tc/videoScript/detail.vue +++ b/src/views/tc/videoScript/detail.vue @@ -7,7 +7,7 @@ {{ data && data.scriptTime }} - +
-
+ + +