sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

修改样式

Browse Source 
Former-commit-id: d30826af20bd7e79a8f0276cde532c2c2e2c115b [formerly 216f197dd5724f8b53dd17305817cdba13fefdef] [formerly d30826af20bd7e79a8f0276cde532c2c2e2c115b [formerly 216f197dd5724f8b53dd17305817cdba13fefdef] [formerly d30826af20bd7e79a8f0276cde532c2c2e2c115b [formerly 216f197dd5724f8b53dd17305817cdba13fefdef] [formerly 216f197dd5724f8b53dd17305817cdba13fefdef [formerly e021295fabe3798737bc267bab2875af1788a8d3 [formerly 5dc00107272218a8e490ed792847b1b44587e551]]]]]
Former-commit-id: 40493cf718ee3efd124ed096c446631d5f9da5d4
Former-commit-id: 10d1e5dd096227d644a1231196d42d213f1b801f
Former-commit-id: 43fdd834622256ed04f9ae2f8382f4488f8c1222 [formerly d9f9f7cf59ae621438afc7ef82121a72066a4e1e]
Former-commit-id: cfac13dc4110999c71d83be1c6b9a7dfa4595719
Former-commit-id: 8cf63db9d880a277446d3c1795ec51a4af223024
Former-commit-id: 9af99bd48bbfe6dd784db17388505ff1888e1c52
Former-commit-id: 00b426bb14a99716d3f06ebbde1c7c4c6b42b834
Former-commit-id: 345b95e833a29e552ad68a41accd4aef8e39c600
This commit is contained in:
liyang
2018-09-19 15:16:56 +08:00
parent 152c71d39d
commit cc524035ec
3 changed files with 7 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/style/theme/theme-base.scss.REMOVED.git-id
View File

@@ -1 +1 @@
134f6af0a62409abc3a59f2e23a1a00817f44b4c
35339c248c50cb38d1ef2787c8bd7b86f24b4e30

2
src/assets/style/theme/theme.scss.REMOVED.git-id
View File

@@ -1 +1 @@
5e28075542c22533bf13f61de9a2eaf52bf18157
12a8c966ed20571d09f5e912f7a83bc86264bf83

54
src/layout/header-aside/components/menu-header/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="d2admin_menu_header-page" ref="page" :class="{'is-scrollable': isScroll}" flex="cross:center">
<div class="d2admin_menu_header-content" ref="content" flex-box="1" flex>
<div class="d2admin_menu_header-scroll" ref="scroll" flex-box="0" :style="'transform: translateX(' + currentTranslateX + 'px);'">
<div class="d2-theme-header-menu" ref="page" :class="{'is-scrollable': isScroll}" flex="cross:center">
<div class="d2-theme-header-menu__content" ref="content" flex-box="1" flex>
<div class="d2-theme-header-menu__scroll" ref="scroll" flex-box="0" :style="'transform: translateX(' + currentTranslateX + 'px);'">
<el-menu mode="horizontal" :default-active="active" @select="handleMenuSelect">
<template v-for="(menu, menuIndex) in header">
<d2-layout-header-aside-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
@@ -10,10 +10,10 @@
</el-menu>
</div>
</div>
<div v-if="isScroll" class="d2admin_menu_header-prev" flex-box="0" @click="scroll('left')" flex="main:center cross:center">
<div v-if="isScroll" class="d2-theme-header-menu__prev" flex-box="0" @click="scroll('left')" flex="main:center cross:center">
<i class="el-icon-arrow-left"></i>
</div>
<div v-if="isScroll" class="d2admin_menu_header-next" flex-box="0" @click="scroll('right')" flex="cross:center">
<div v-if="isScroll" class="d2-theme-header-menu__next" flex-box="0" @click="scroll('right')" flex="cross:center">
<i class="el-icon-arrow-right"></i>
</div>
</div>
@@ -116,47 +116,3 @@ export default {
}
}
</script>
<style lang="scss">
$prefix: "d2admin_menu_header";
.#{$prefix}-page {
overflow: hidden;
&.is-scrollable {
position: relative;
padding: 0 20px;
.#{$prefix}-prev, .#{$prefix}-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.#{$prefix}-content {
overflow: hidden;
.#{$prefix}-scroll {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
transition: transform .3s,-webkit-transform .3s;
float: left;
}
}
.#{$prefix}-prev, .#{$prefix}-next {
height: 60px;
position: absolute;
top: 0;
font-size: 20px;
color: #cfd7e5;
cursor: pointer;
background: white;
display: none;
}
.#{$prefix}-prev {
left: 0;
}
.#{$prefix}-next {
right: 0;
}
}
</style>