Skip to content

Commit

Permalink
updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
jaweii committed Jun 14, 2017
1 parent fb7823c commit 8db4272
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 16 deletions.
6 changes: 4 additions & 2 deletions .npmignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
.DS_Store
.DS_S
tore
node_modules/
dist/
dist/
example
22 changes: 11 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,19 +48,19 @@ just need to add `Vue.use(vueg)` ,vue-router will have a transition effect.
----------
## 配置项 ##
const options={
duration: '0.3', //转场动画时长,默认为0.3
firstEntryDisable: false, //值为true时禁用首次进入的渐进动画,默认为false
firstEntryDuration: '.6', //首次进入渐进动画时长,默认为.6
forwardAnim: 'fadeInRight', //前进动画,默认为fadeInRight
backAnim: 'fadeInLeft', //后退动画,默认为fedeInLeft
sameDepthDisable: false, //url级别相同时禁用动画,默认为false
duration: '0.3', //转场动画时长,默认为0.3
firstEntryDisable: false, //值为true时禁用首次进入的渐进动画,默认为false
firstEntryDuration: '.6', //首次进入渐进动画时长,默认为.6
forwardAnim: 'fadeInRight', //前进动画,默认为fadeInRight
backAnim: 'fadeInLeft', //后退动画,默认为fedeInLeft
sameDepthDisable: false, //url级别相同时禁用动画,默认为false
tabs: [{
name:'home'
},{
name:'my'
}], //默认为[],name对应路由的name,以实现类似app中点击tab页面水平转场效果,如tab[1]到tab[0],会使用backAnim动画,tab[1]到tab[2],会使用forwardAnim动画
tabsDisable: false, //值为true时,tabs间的转场没有动画,默认为false
disable: false, //禁用转场动画,默认为false,嵌套路由默认为true
}], //默认为[],name对应路由的name,以实现类似app中点击tab页面水平转场效果,如tab[1]到tab[0],会使用backAnim动画,tab[1]到tab[2],会使用forwardAnim动画
tabsDisable: false, //值为true时,tabs间的转场没有动画,默认为false
disable: false, //禁用转场动画,默认为false,嵌套路由默认为true
}
Vue.use(vueg, router,options)

Expand All @@ -87,8 +87,8 @@ options还可以在每个组件的data中配置,举例:
data(){
return {
vuegConfig:{
forwardAnim:'bounceInUp',//options所有配置可以写在这个对象里,会覆盖全局的配置
disable:false//对于嵌套路由,默认为关闭动画,需要在组件的data.vuegConfig中配置disable为false启用
forwardAnim:'bounceInUp', //options所有配置可以写在这个对象里,会覆盖全局的配置
disable:false //对于嵌套路由,默认为关闭动画,需要在组件的data.vuegConfig中配置disable为false启用
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion index.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -86,5 +86,5 @@
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"version": "1.1.81"
"version": "1.1.9"
}
2 changes: 1 addition & 1 deletion src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ transition.install = (Vue, router, options = {}) => {
vuegBac.innerHTML = ''
vuegBac.classList = []
vuegBac.appendChild(this.$el)
console.log(vuegBac)
// console.log(vuegBac)
}
}
Vue.mixin({
Expand Down

0 comments on commit 8db4272

Please sign in to comment.