fix chrome bug

This commit is contained in:
tangjinzhou 2018-02-01 17:07:44 +08:00
parent 3035b83e15
commit 45442bb8b2
5 changed files with 13 additions and 12 deletions

View File

@ -1,2 +1,3 @@
@import "./themes/default"; @import "./themes/default";
@import "./core/index"; @import "./core/index";
@import "./vue-antd";

View File

@ -0,0 +1,6 @@
html {
overflow-y: auto !important;
}
body {
position: relative !important;
}

View File

@ -1,8 +1,6 @@
<script> <script>
import { Menu } from 'antd'
import * as AllDemo from '../demo' import * as AllDemo from '../demo'
import Header from './header' import Header from './header'
const MenuItem = Menu.Item
export default { export default {
render () { render () {
const { name, demo } = this.$route.params // eslint-disable-line const { name, demo } = this.$route.params // eslint-disable-line
@ -15,11 +13,11 @@ export default {
<div class='site'> <div class='site'>
<Header /> <Header />
<div class='main-wrapper'> <div class='main-wrapper'>
<Menu class='nav' selectedKeys={[name]}> <a-menu class='nav' selectedKeys={[name]}>
{Object.keys(AllDemo).map(d => <MenuItem key={d}> {Object.keys(AllDemo).map(d => <a-menu-item key={d}>
<router-link to={{ path: `/components/${lang}/${d}` }}>{d}</router-link> <router-link to={{ path: `/components/${lang}/${d}` }}>{d}</router-link>
</MenuItem>)} </a-menu-item>)}
</Menu> </a-menu>
<div class='content main-container'> <div class='content main-container'>
{Demo ? <Demo /> : '正在紧急开发中...'} {Demo ? <Demo /> : '正在紧急开发中...'}
</div> </div>

View File

@ -1,6 +1,8 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head> </head>
<body> <body>

View File

@ -1,18 +1,12 @@
@import './theme/static/index.less'; @import './theme/static/index.less';
#app {
height: 100%;
}
.site { .site {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
.nav { .nav {
width: 200px; width: 200px;
overflow-y: scroll;
} }
.content { .content {
flex: 1; flex: 1;
overflow-y: scroll;
} }
#header { #header {
padding: 0 50px; padding: 0 50px;