test/vue-pure-admin2
1
0
Fork 0
mirror of https://gitee.com/yiming_chang/vue-pure-admin.git synced 2024-12-01 18:57:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update

Browse Source
This commit is contained in:
xiaoxian521 2024-03-20 14:58:06 +08:00
parent 159efbabd3
commit ca4a289b37
5 changed files with 70 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/vxeTable.ts
View File

@ -1,7 +1,7 @@
import "vxe-table/lib/style.css";
// import "xe-utils";
// import XEUtils from "xe-utils";
import { App } from "vue";
import type { App } from "vue";
// import { i18n } from "@/plugins/i18n";
// import zh from "vxe-table/lib/locale/lang/zh-CN";
// import en from "vxe-table/lib/locale/lang/en-US";

109
src/style/dark.scss
View File

@ -14,6 +14,67 @@ html.dark {
/* switch关闭状态下的color 需要时可取用 */
--pure-switch-off-color: #ffffff3f;
/* vxe-table */
--vxe-form-background-color: #151515;
--vxe-toolbar-background-color: #151515;
--vxe-pager-background-color: #151515;
--vxe-button-default-background-color: color.adjust(#151515, $lightness: 15%);
--vxe-table-header-background-color: color.adjust(#151515, $lightness: 5%);
--vxe-font-color: color.adjust(#c9d1d9, $lightness: -12%);
--vxe-table-header-font-color: #c9d1d9;
--vxe-table-footer-font-color: #c9d1d9;
--vxe-table-body-background-color: #151515;
--vxe-table-footer-background-color: #151515;
--vxe-table-row-striped-background-color: #1e1e1e;
--vxe-table-border-color: #303030;
--vxe-table-row-hover-background-color: #1e1e1e;
--vxe-table-row-hover-striped-background-color: color.adjust(
#1e1e1e,
$lightness: -10%
);
--vxe-table-row-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-row-hover-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-column-hover-background-color: fade(#1e1e1e, 20%);
--vxe-table-column-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-row-checkbox-checked-background-color: fade(#1e1e1e, 15%);
--vxe-table-row-hover-checkbox-checked-background-color: fade(#1e1e1e, 20%);
--vxe-table-menu-background-color: color.adjust(#303133, $lightness: 10%);
--vxe-table-filter-panel-background-color: color.adjust(
#151515,
$lightness: 5%
);
--vxe-grid-maximize-background-color: #151515;
--vxe-pager-perfect-background-color: #151515;
--vxe-pager-perfect-button-background-color: color.adjust(
#151515,
$lightness: 15%
);
--vxe-input-background-color: #151515;
--vxe-input-border-color: #303030;
--vxe-select-panel-background-color: #151515;
--vxe-table-popup-border-color: #303030;
--vxe-select-option-hover-background-color: color.adjust(
#1e1e1e,
$lightness: 15%
);
--vxe-pulldown-panel-background-color: #151515;
--vxe-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px #43464c;
--vxe-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px #43464c;
--vxe-loading-background-color: rgb(0 0 0 / 50%);
--vxe-tooltip-dark-background-color: color.adjust(#303133, $lightness: 25%);
--vxe-modal-header-background-color: #1e1e1e;
--vxe-modal-body-background-color: #303133;
--vxe-modal-border-color: #303030;
--vxe-toolbar-panel-background-color: #151515;
--vxe-input-disabled-color: color.adjust(#1e1e1e, $lightness: 20%);
--vxe-input-disabled-background-color: color.adjust(#1e1e1e, $lightness: 25%);
--vxe-checkbox-icon-background-color: color.adjust(#1e1e1e, $lightness: 15%);
--vxe-checkbox-checked-icon-border-color: #303030;
--vxe-checkbox-indeterminate-icon-background-color: color.adjust(
#1e1e1e,
$lightness: 15%
);
.navbar,
.tags-view,
.contextmenu,
@ -96,54 +157,6 @@ html.dark {
color: var(--el-color-primary);
}
/* vxe-table */
--vxe-form-background-color: #151515;
--vxe-toolbar-background-color: #151515;
--vxe-pager-background-color: #151515;
--vxe-button-default-background-color: lighten(#151515, 15%);
--vxe-table-header-background-color: lighten(#151515, 5%);
--vxe-font-color: darken(#c9d1d9, 12%);
--vxe-table-header-font-color: #c9d1d9;
--vxe-table-footer-font-color: #c9d1d9;
--vxe-table-body-background-color: #151515;
--vxe-table-footer-background-color: #151515;
--vxe-table-row-striped-background-color: #1e1e1e;
--vxe-table-border-color: #303030;
--vxe-table-row-hover-background-color: #1e1e1e;
--vxe-table-row-hover-striped-background-color: darken(#1e1e1e, 10%);
--vxe-table-row-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-row-hover-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-column-hover-background-color: fade(#1e1e1e, 20%);
--vxe-table-column-current-background-color: fade(#1e1e1e, 20%);
--vxe-table-row-checkbox-checked-background-color: fade(#1e1e1e, 15%);
--vxe-table-row-hover-checkbox-checked-background-color: fade(#1e1e1e, 20%);
--vxe-table-menu-background-color: lighten(#303133, 10%);
--vxe-table-filter-panel-background-color: lighten(#151515, 5%);
--vxe-grid-maximize-background-color: #151515;
--vxe-pager-perfect-background-color: #151515;
--vxe-pager-perfect-button-background-color: lighten(#151515, 15%);
--vxe-input-background-color: #151515;
--vxe-input-border-color: #303030;
--vxe-select-panel-background-color: #151515;
--vxe-table-popup-border-color: #303030;
--vxe-select-option-hover-background-color: lighten(#1e1e1e, 15%);
--vxe-pulldown-panel-background-color: #151515;
--vxe-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px rgb(255 255 255 /
12%);
--vxe-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px rgb(255 255
255 / 12%);
--vxe-loading-background-color: rgb(0 0 0 / 50%);
--vxe-tooltip-dark-background-color: lighten(#303133, 25%);
--vxe-modal-header-background-color: #1e1e1e;
--vxe-modal-body-background-color: #303133;
--vxe-modal-border-color: #303030;
--vxe-toolbar-panel-background-color: #151515;
--vxe-input-disabled-color: lighten(#1e1e1e, 20%);
--vxe-input-disabled-background-color: lighten(#1e1e1e, 25%);
--vxe-checkbox-icon-background-color: lighten(#1e1e1e, 15%);
--vxe-checkbox-checked-icon-border-color: #303030;
--vxe-checkbox-indeterminate-icon-background-color: lighten(#1e1e1e, 15%);
.el-card {
--el-card-bg-color: var(--el-bg-color);
}

8
src/views/table/virtual/list.vue
View File

@ -27,9 +27,9 @@ setTimeout(() => {
:data="tableData"
:scroll-y="{ enabled: true }"
>
<vxe-column type="seq" title="序号" width="100"></vxe-column>
<vxe-column field="name" title="名称" sortable></vxe-column>
<vxe-column field="role" title="角色"></vxe-column>
<vxe-column field="sex" title="性别"></vxe-column>
<vxe-column type="seq" title="序号" width="100" />
<vxe-column field="name" title="名称" sortable />
<vxe-column field="role" title="角色" />
<vxe-column field="sex" title="性别" />
</vxe-table>
</template>

8
src/views/table/virtual/treeList.vue
View File

@ -40,17 +40,17 @@ loadList();
</div>
<vxe-table
ref="tableRef"
show-overflow
height="500"
ref="tableRef"
:loading="loading"
:tree-config="{ transform: true }"
:scroll-y="{ enabled: true, gt: 20 }"
:data="tableData"
>
<vxe-column type="seq" title="序号" width="200" tree-node></vxe-column>
<vxe-column field="id" title="Id"></vxe-column>
<vxe-column field="name" title="地点"></vxe-column>
<vxe-column type="seq" title="序号" width="200" tree-node />
<vxe-column field="id" title="Id" />
<vxe-column field="name" title="地点" />
</vxe-table>
</div>
</template>

2
src/views/vue-flow/layouting/index.vue
View File

@ -117,8 +117,6 @@ async function layoutGraph(direction) {
</template>
<style scoped>
@keyframes spin {
0% {
transform: rotate(0deg);