github/cool-admin-vue
1
0
Fork 0
mirror of https://github.com/cool-team-official/cool-admin-vue.git synced 2026-04-03 19:20:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
icssoa 2024-02-19 23:24:47 +08:00
parent 84467c896c
commit 01858011c9
4 changed files with 185 additions and 192 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/modules/demo/views/crud/index.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<el-scrollbar>
<div class="crud-demo"> <div class="crud-demo">
<el-tabs type="card" v-model="active" @tab-change="onTabChange"> <el-tabs type="card" v-model="active" @tab-change="onTabChange">
<el-tab-pane v-for="(a, ai) in list" :key="ai" :label="a.title" :name="a.title"> <el-tab-pane v-for="(a, ai) in list" :key="ai" :label="a.title" :name="a.title">
@ -21,10 +22,11 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</el-scrollbar>
</template> </template>
<script lang="ts" setup name="demo-crud"> <script lang="ts" setup name="demo-crud">
import { ref, onActivated, getCurrentScope, toValue } from "vue"; import { ref, onActivated } from "vue";
import CrudBase from "./components/crud/base.vue"; import CrudBase from "./components/crud/base.vue";
import CrudAll from "./components/crud/all.vue"; import CrudAll from "./components/crud/all.vue";
@ -202,12 +204,12 @@ onActivated(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.crud-demo { .el-scrollbar {
overflow-x: hidden;
background-color: var(--el-bg-color); background-color: var(--el-bg-color);
}
.crud-demo {
padding: 10px; padding: 10px;
height: 100%;
box-sizing: border-box;
:deep(.scope) { :deep(.scope) {
border-radius: 8px; border-radius: 8px;

1
src/modules/helper/static/index.scss
View File

@ -3,7 +3,6 @@
&__wrapper { &__wrapper {
background-color: var(--el-bg-color); background-color: var(--el-bg-color);
height: 100%;
} }
.scope { .scope {

8
src/modules/helper/views/plugins/serve.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<div class="plugins__wrapper"> <el-scrollbar class="plugins__wrapper">
<el-scrollbar>
<div class="plugins" @dragover="onDragover" @drop="onDrop"> <div class="plugins" @dragover="onDragover" @drop="onDrop">
<el-tabs v-model="tab.active" type="card" @tab-change="tab.onChange"> <el-tabs v-model="tab.active" type="card" @tab-change="tab.onChange">
<el-tab-pane label="已安装插件" name="installed"> </el-tab-pane> <el-tab-pane label="已安装插件" name="installed"> </el-tab-pane>
@ -26,9 +25,7 @@
<div class="det"> <div class="det">
<div class="tag"> <div class="tag">
<el-tag size="small" effect="dark">{{ <el-tag size="small" effect="dark">{{ item.keyName }}</el-tag>
item.keyName
}}</el-tag>
<el-tag size="small" effect="dark" type="success" <el-tag size="small" effect="dark" type="success"
>v{{ item.version }}</el-tag >v{{ item.version }}</el-tag
> >
@ -108,7 +105,6 @@
</cl-form> </cl-form>
</div> </div>
</el-scrollbar> </el-scrollbar>
</div>
</template> </template>
<script lang="ts" setup name="helper-plugins-serve"> <script lang="ts" setup name="helper-plugins-serve">

8
src/modules/helper/views/plugins/vue.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<div class="plugins__wrapper"> <el-scrollbar class="plugins__wrapper">
<el-scrollbar>
<div class="plugins"> <div class="plugins">
<div class="header"> <div class="header">
<el-tabs v-model="tab.active" type="card" @tab-change="tab.onChange"> <el-tabs v-model="tab.active" type="card" @tab-change="tab.onChange">
@ -25,9 +24,7 @@
<div class="det"> <div class="det">
<div class="tag"> <div class="tag">
<el-tag size="small" effect="dark">{{ <el-tag size="small" effect="dark">{{ item.name }}</el-tag>
item.name
}}</el-tag>
<el-tag size="small" effect="dark" type="success" <el-tag size="small" effect="dark" type="success"
>v{{ item.version || "1.0.0" }}</el-tag >v{{ item.version || "1.0.0" }}</el-tag
> >
@ -74,7 +71,6 @@
</cl-dialog> </cl-dialog>
</div> </div>
</el-scrollbar> </el-scrollbar>
</div>
</template> </template>
<script lang="ts" setup name="helper-plugins-vue"> <script lang="ts" setup name="helper-plugins-vue">