zyronon
5 years ago
@ -1,5 +0,0 @@
@@ -1,5 +0,0 @@
|
||||
module.exports = { |
||||
presets: [ |
||||
'@vue/app' |
||||
] |
||||
} |
||||
@ -1,51 +0,0 @@
@@ -1,51 +0,0 @@
|
||||
{ |
||||
"name": "douyin", |
||||
"version": "0.1.0", |
||||
"private": true, |
||||
"scripts": { |
||||
"serve": "vue-cli-service serve", |
||||
"build": "vue-cli-service build", |
||||
"lint": "vue-cli-service lint", |
||||
"push": "git add ./ && git commit -m 'dubug' && git push origin master" |
||||
}, |
||||
"dependencies": { |
||||
"lodash": "^4.17.14", |
||||
"pinyin": "^2.9.0", |
||||
"vue": "^2.6.10", |
||||
"vue-router": "^3.0.7", |
||||
"vuex": "^3.1.1" |
||||
}, |
||||
"devDependencies": { |
||||
"@vue/cli-plugin-babel": "^3.0.3", |
||||
"@vue/cli-plugin-eslint": "^3.0.3", |
||||
"@vue/cli-service": "^3.3.0", |
||||
"node-sass": "^4.9.3", |
||||
"sass-loader": "^7.1.0", |
||||
"vue-svg-icon": "^1.2.9", |
||||
"vue-template-compiler": "^2.5.21" |
||||
}, |
||||
"eslintConfig": { |
||||
"root": true, |
||||
"env": { |
||||
"node": true |
||||
}, |
||||
"extends": [ |
||||
"plugin:vue/essential", |
||||
"eslint:recommended" |
||||
], |
||||
"rules": {}, |
||||
"parserOptions": { |
||||
"parser": "babel-eslint" |
||||
} |
||||
}, |
||||
"postcss": { |
||||
"plugins": { |
||||
"autoprefixer": {} |
||||
} |
||||
}, |
||||
"browserslist": [ |
||||
"> 1%", |
||||
"last 2 versions", |
||||
"not ie <= 8" |
||||
] |
||||
} |
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,28 +0,0 @@
@@ -1,28 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="cn"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="screen-orientation" content="portrait"/> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||
<meta name="format-detection" content="telephone=no"> |
||||
<meta name="full-screen" content="yes"> |
||||
<meta name="x5-fullscreen" content="true"> |
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||
<title>抖音</title> |
||||
|
||||
|
||||
<style> |
||||
|
||||
</style> |
||||
</head> |
||||
<body> |
||||
<noscript> |
||||
<strong> |
||||
We're sorry but douyin doesn't work properly without JavaScript enabled. Please enable it to continue. |
||||
</strong> |
||||
</noscript> |
||||
<div id="app"></div> |
||||
<!-- built files will be auto injected --> |
||||
</body> |
||||
</html> |
||||
@ -1,86 +0,0 @@
@@ -1,86 +0,0 @@
|
||||
<template> |
||||
<div id="app"> |
||||
<transition :name="$store.state.pageAnim"> |
||||
<router-view></router-view> |
||||
</transition> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'app', |
||||
data() { |
||||
return { |
||||
aa:1, |
||||
aaa:1, |
||||
} |
||||
}, |
||||
watch: { |
||||
$route(to, from) { |
||||
let rootRouters = ['/', '/home', '/attention', '/message', '/me'] |
||||
if (rootRouters.indexOf(to.path) !== -1 && rootRouters.indexOf(from.path) !== -1) { |
||||
this.$store.commit('setPageAnim', 'none') |
||||
return |
||||
} |
||||
let routers = ['/', '/home', '/attention', '/message', '/me', '/MyCard','/MyCollect', '/chooseCountry'] |
||||
//根据路由层次来决定转场效果 |
||||
if (routers.indexOf(to.path) > routers.indexOf(from.path)) { |
||||
this.$store.commit('setPageAnim', 'go') |
||||
} else { |
||||
this.$store.commit('setPageAnim', 'back') |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
#app { |
||||
background: #2e3244; |
||||
height: 100%; |
||||
} |
||||
|
||||
|
||||
.go-enter { |
||||
left: 100%; |
||||
} |
||||
|
||||
.go-enter-to { |
||||
left: 0; |
||||
} |
||||
|
||||
.go-leave { |
||||
left: 0; |
||||
} |
||||
|
||||
.go-leave-to { |
||||
left: -100%; |
||||
} |
||||
|
||||
.go-enter-active, .go-leave-active { |
||||
transition: all .3s; |
||||
} |
||||
|
||||
|
||||
.back-enter { |
||||
left: -100%; |
||||
} |
||||
|
||||
.back-enter-to { |
||||
left: 0; |
||||
} |
||||
|
||||
.back-leave { |
||||
left: 0; |
||||
} |
||||
|
||||
.back-leave-to { |
||||
left: 100%; |
||||
} |
||||
|
||||
.back-enter-active, .back-leave-active { |
||||
transition: all .3s; |
||||
} |
||||
|
||||
|
||||
</style> |
||||
|
Before Width: | Height: | Size: 596 B |
|
Before Width: | Height: | Size: 583 B |
|
Before Width: | Height: | Size: 562 B |
|
Before Width: | Height: | Size: 543 B |
|
Before Width: | Height: | Size: 595 B |
|
Before Width: | Height: | Size: 560 B |
|
Before Width: | Height: | Size: 547 B |
|
Before Width: | Height: | Size: 557 B |
|
Before Width: | Height: | Size: 580 B |
|
Before Width: | Height: | Size: 613 B |
|
Before Width: | Height: | Size: 486 B |
|
Before Width: | Height: | Size: 611 B |
|
Before Width: | Height: | Size: 532 B |
|
Before Width: | Height: | Size: 591 B |
|
Before Width: | Height: | Size: 570 B |
|
Before Width: | Height: | Size: 546 B |
|
Before Width: | Height: | Size: 565 B |
|
Before Width: | Height: | Size: 567 B |
|
Before Width: | Height: | Size: 601 B |
|
Before Width: | Height: | Size: 603 B |
|
Before Width: | Height: | Size: 516 B |
|
Before Width: | Height: | Size: 622 B |
|
Before Width: | Height: | Size: 614 B |
|
Before Width: | Height: | Size: 577 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 418 B |
|
Before Width: | Height: | Size: 313 B |
|
Before Width: | Height: | Size: 458 B |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 391 B |
|
Before Width: | Height: | Size: 365 B |
|
Before Width: | Height: | Size: 411 B |
|
Before Width: | Height: | Size: 383 B |
|
Before Width: | Height: | Size: 448 B |
|
Before Width: | Height: | Size: 427 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 373 B |
|
Before Width: | Height: | Size: 1013 B |
|
Before Width: | Height: | Size: 566 B |
|
Before Width: | Height: | Size: 879 B |
|
Before Width: | Height: | Size: 1.0 KiB |