mirror of https://github.com/ElemeFE/element
remove devDependencies of date-picker
parent
33a551d708
commit
ce95bd6979
|
@ -67,6 +67,12 @@
|
||||||
.demo {
|
.demo {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 1140px) {
|
||||||
|
.container,
|
||||||
|
.page-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.footer-nav {
|
.footer-nav {
|
||||||
padding: 24px;
|
padding: 24px 0;
|
||||||
color: #99a9bf;
|
color: #99a9bf;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="footer-main">
|
<div class="footer-main">
|
||||||
<p class="footer-main-title">Element 1.0 Hydrogen</p>
|
<p class="footer-main-title">Element 1.0 Hydrogen</p>
|
||||||
<span class="footer-main-link">反馈建议</span>
|
<span class="footer-main-link">反馈建议</span>
|
||||||
<span class="footer-main-link"><router-link to="/changelog">更新日志</router-link></span>
|
<!--<span class="footer-main-link"><router-link to="/changelog">更新日志</router-link></span>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-social">
|
<div class="footer-social">
|
||||||
<el-popover
|
<el-popover
|
||||||
|
|
|
@ -164,6 +164,7 @@
|
||||||
scroll((direction) => {
|
scroll((direction) => {
|
||||||
if (this.isHome) {
|
if (this.isHome) {
|
||||||
this.hangUp = false;
|
this.hangUp = false;
|
||||||
|
this.isFixed = false;
|
||||||
this.headerStyle.transition = '';
|
this.headerStyle.transition = '';
|
||||||
const threshold = 200;
|
const threshold = 200;
|
||||||
let alpha = Math.min(document.body.scrollTop, threshold) / threshold;
|
let alpha = Math.min(document.body.scrollTop, threshold) / threshold;
|
||||||
|
|
|
@ -105,7 +105,7 @@ Element 主要品牌颜色是鲜艳、友好的蓝色。
|
||||||
|
|
||||||
### 辅助色
|
### 辅助色
|
||||||
|
|
||||||
除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。每种颜色都有较浅和较深两种。
|
除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
|
||||||
|
|
||||||
<el-row :gutter="12">
|
<el-row :gutter="12">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
|
|
|
@ -106,13 +106,13 @@
|
||||||
<div class="name">Arial</div>
|
<div class="name">Arial</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
### 字体家族 css 代码:
|
### Font-family 代码
|
||||||
|
|
||||||
```css
|
```css
|
||||||
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||||
```
|
```
|
||||||
|
|
||||||
### 字体使用规范:
|
### 字体使用规范
|
||||||
|
|
||||||
<table class="demo-typo-size">
|
<table class="demo-typo-size">
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
|
@ -127,6 +127,11 @@
|
||||||
from { opacity: 0; }
|
from { opacity: 0; }
|
||||||
to { opacity: 1; }
|
to { opacity: 1; }
|
||||||
}
|
}
|
||||||
|
@media (max-width: 1140px) {
|
||||||
|
.cards {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
@ -160,7 +165,7 @@
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img src="~examples/assets/images/zujian.png" alt="">
|
<img src="~examples/assets/images/zujian.png" alt="">
|
||||||
<h3>组件</h3>
|
<h3>组件</h3>
|
||||||
<p>使用组件 Demo 快速体验交互细节;使用前端框架封装的代码帮助工程师快速开发。</p>
|
<p>使用组件 Demo 快速体验交互细节;使用前端框架封装的代码帮助工程师快速开发。</p>
|
||||||
<router-link
|
<router-link
|
||||||
active-class="active"
|
active-class="active"
|
||||||
to="/component/layout"
|
to="/component/layout"
|
||||||
|
|
|
@ -17,9 +17,6 @@ const registerRoute = (config) => {
|
||||||
},
|
},
|
||||||
component: component.default || component
|
component: component.default || component
|
||||||
};
|
};
|
||||||
if (page.path === '/changelog') {
|
|
||||||
child.redirect = '/changelog';
|
|
||||||
}
|
|
||||||
|
|
||||||
route[0].children.push(child);
|
route[0].children.push(child);
|
||||||
}
|
}
|
||||||
|
@ -73,12 +70,7 @@ let indexRoute = {
|
||||||
component: require('./pages/index.vue')
|
component: require('./pages/index.vue')
|
||||||
};
|
};
|
||||||
|
|
||||||
let changeLogRoute = {
|
route.route = route.route.concat([indexRoute, guideRoute, resourceRoute]);
|
||||||
path: '/changelog',
|
|
||||||
component: require('./pages/changelog.vue')
|
|
||||||
};
|
|
||||||
|
|
||||||
route.route = route.route.concat([indexRoute, guideRoute, resourceRoute, changeLogRoute]);
|
|
||||||
|
|
||||||
route.route.push({
|
route.route.push({
|
||||||
path: '*',
|
path: '*',
|
||||||
|
|
|
@ -13,8 +13,5 @@
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"wind-dom": "0.0.3"
|
"wind-dom": "0.0.3"
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"vue": "^2.0.0-beta.7"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue