mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

公共样式

Browse Source
This commit is contained in:
朱菊兰
2023-08-03 11:18:03 +08:00
parent 969a5303a8
commit 01f459e811
15 changed files with 178 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/AppMain.vue
View File

@@ -28,11 +28,14 @@ export default {
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
/* 48= navbar 48 */
min-height: calc(100vh - 56px);
width: 100%;
min-width: calc(100vh - 280px);
position: relative;
overflow: hidden;
margin: 8px 14px 0px 16px;
border-radius: 8px;
background-color: #fff;
}
.fixed-header + .app-main {
@@ -41,8 +44,8 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 56 + 34 */
min-height: calc(100vh - 128px);
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 120px - 8px);
}
.fixed-header + .app-main {

14
src/layout/components/Navbar.vue
View File

@@ -7,16 +7,16 @@
<div class="right-menu">
<template v-if="device!=='mobile'">
<search id="header-search" class="right-menu-item" />
<!-- <search id="header-search" class="right-menu-item" /> -->
<!-- 站内信 -->
<!-- <notify-message class="right-menu-item hover-effect" /> -->
<screenfull id="screenfull" class="right-menu-item hover-effect" />
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> -->
<el-tooltip content="布局大小" effect="dark" placement="bottom">
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip>
</el-tooltip> -->
</template>
@@ -30,9 +30,9 @@
<router-link to="/user/profile">
<el-dropdown-item>个人中心</el-dropdown-item>
</router-link>
<el-dropdown-item @click.native="setting = true">
<!-- <el-dropdown-item @click.native="setting = true">
<span>布局设置</span>
</el-dropdown-item>
</el-dropdown-item> -->
<el-dropdown-item divided @click.native="logout">
<span>退出登录</span>
</el-dropdown-item>
@@ -104,7 +104,7 @@ export default {
<style lang="scss" scoped>
.navbar {
height: 56px;
height: 48px; // 56
overflow: hidden;
position: relative;
background: #fff;

2
src/layout/components/Sidebar/index.vue
View File

@@ -23,7 +23,7 @@
: variables.menuLightColor
"
:unique-opened="true"
:active-text-color="settings.theme"
active-text-color="#fff"
:collapse-transition="false"
mode="vertical">
<!-- 根据 sidebarRouters 路由，生成菜单 -->

4
src/layout/components/TagsView/ScrollPane.vue
View File

@@ -78,8 +78,8 @@ export default {
<style lang="scss" scoped>
.scroll-container {
background: #f9f9f9;
box-shadow: inset 0 0 8px 1px #e8e8e8;
// background: #f9f9f9;
// box-shadow: inset 0 0 8px 1px #e8e8e8;
white-space: nowrap;
position: relative;
overflow: hidden;

13
src/layout/components/TagsView/index.vue
View File

@@ -259,7 +259,7 @@ export default {
height: 42px;
width: 100%;
background: #fff;
border-bottom: 1px solid #d8dce5;
// border-bottom: 1px solid #d8dce5;
border-top: 1px solid #d8dce5;
// box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
@@ -270,17 +270,16 @@ export default {
cursor: pointer;
height: 28px;
line-height: 28px;
border: 1px solid #d8dce5;
color: #495060;
background: #fff;
color: rgba(0, 0, 0, 0.45);
background: #F4F4F4FF;
padding: 0 8px 0 12px;
font-size: 14px;
letter-spacing: 1px;
margin-left: 4px;
border-radius: 0;
margin-left: 8px;
border-radius: 4px;
&:first-of-type {
margin-left: 15px;
margin-left: 32px;
padding-right: 12px;
}