YZProjectCloud/yanzhu-ui-vue3/src/App.vue

<template>
    <router-view />
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'

onMounted(() => {
    nextTick(() => {
        handleThemeStyle(useSettingsStore().theme)
    })
})
</script>
<style lang="scss">
.el-form-item__content {
    .el-select--default {
        width: 192px;
    }
}
.pagination-container {
    .el-pagination {
        right: 20px;
    }
}
.el-sub-menu__title {
    position: relative;
    .todo_num_tips {
        top: 20px;
        position: absolute;
        right: 36px;
        background-color: #f56c6c;
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        text-align: center;
        white-space: nowrap;
        border: 1px solid #fff;
        cursor: pointer;
        top: 16px;
        display: none;
    }
}
.nest-menu {
    position: relative;
    .todo_num_tips {
        position: absolute;
        right: 18px;
        background-color: #f56c6c;
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        text-align: center;
        white-space: nowrap;
        border: 1px solid #fff;
        cursor: pointer;
        top: 16px;
        display: none;
    }
}
:focus-visible {
    outline: none !important;
}
.command {
    cursor: pointer;
}
.el-dialog__body {
    max-height: 720px !important;
    overflow-y: scroll !important;
    .el-form {
        margin-right: 15px !important;
    }
}
/* 自定义垂直滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: #fff3eaee !important;
}

::-webkit-scrollbar-thumb {
    background-color: #ff990088 !important;
    border-radius: 8px !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ff9900ee !important;
}

.anchorBL {
    display: none !important;
}
a {
    color: #1e90ff;
}
.ant-modal-mask {
    opacity: 0.9 !important;
}
.blue {
    color: rgb(30, 144, 255);
}
.icon-blue{
    fill:rgb(30, 144, 255) !important;
}
</style>