github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add site

pull/9/head
tangjinzhou 2018-01-22 18:56:58 +08:00
parent 18efe2729d
commit 06d1e63fdf
10 changed files with 95 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.travis.yml
View File

@ -1,16 +1,7 @@
language: node_js language: node_js
sudo: required sudo: required
node_js: node_js:
- 8.2.1 - 8.2.1
cache:
directories:
- node_modules
deploy:
provider: pages
skip-cleanup: true
keep-history: true
on:
branch: master
script: script:
- bash ./scripts/deploy-to-gh-pages.sh - bash ./scripts/deploy-to-gh-pages.sh
env: env:

22
examples/demo.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<Components/>
</div>
</template>
<script>
import { Menu } from 'antd'
export default {
data () {
console.log('routes', this.$route.params)
return {}
},
components: {
Menu,
'Components': () => {
console.log(this.$route)
const { name, demo } = this.$route.params
return import(`../components/${name}/demo/index.vue`)
},
},
}
</script>

2
examples/index.js
View File

@ -8,7 +8,7 @@ Vue.use(VueRouter)
Vue.component(Md.name, Md) Vue.component(Md.name, Md)
const router = new VueRouter({ const router = new VueRouter({
mode: 'history', mode: 'hash',
routes, routes,
}) })
new Vue({ new Vue({

4
examples/routes.js
View File

@ -1,3 +1,4 @@
import Demo from './demo'
const AsyncComp = () => { const AsyncComp = () => {
const pathnameArr = window.location.pathname.split('/') const pathnameArr = window.location.pathname.split('/')
const com = pathnameArr[1] || 'button' // eslint-disable-line const com = pathnameArr[1] || 'button' // eslint-disable-line
@ -7,5 +8,6 @@ const AsyncComp = () => {
} }
} }
export default [ export default [
{ path: '/*', component: AsyncComp }, { path: '/components/:name/:demo?', component: Demo },
// { path: '/*', component: AsyncComp },
] ]

2
scripts/deploy-to-gh-pages.sh
View File

@ -18,7 +18,7 @@ cd dist
git init git init
git add -f . git add -f .
git commit -m "Travis build" git commit -m "Travis build"
git push --force --quiet https://${GITHUB_TOKEN}@github.com/vueComponent/ant-design.git master:gh-pages > /dev/null git push --force --quiet "https://${GITHUB_TOKEN}@github.com/vueComponent/ant-design.git" master:gh-pages > /dev/null
echo "Done updating gh-pages\n" echo "Done updating gh-pages\n"

12
site/index.html Normal file
View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<head>
</head>
<body>
<div id="app">
<router-view></router-view>
</div>
</body>
</html>

17
site/index.js Normal file
View File

@ -0,0 +1,17 @@
import 'antd/style.js'
import './index.less'
import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
import Md from './md'
Vue.use(VueRouter)
Vue.component(Md.name, Md)
const router = new VueRouter({
mode: 'hash',
routes,
})
new Vue({
el: '#app',
router,
})

3
site/index.less Normal file
View File

@ -0,0 +1,3 @@
#app {
padding: 50px;
}

24
site/md.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<div style="padding: 10px 0;" v-html="marked($slots.default[0].text.trim() || '')" />
</template>
<script>
import marked from 'marked'
marked.setOptions({
renderer: new marked.Renderer(),
gfm: true,
tables: true,
breaks: false,
pedantic: true,
sanitize: true,
smartLists: true,
smartypants: true,
})
export default {
name: 'md',
data () {
return {
marked,
}
},
}
</script>

11
site/routes.js Normal file
View File

@ -0,0 +1,11 @@
const AsyncComp = () => {
const pathnameArr = window.location.pathname.split('/')
const com = pathnameArr[1] || 'button' // eslint-disable-line
const demo = pathnameArr[2] || 'index'
return {
component: import(`../components/card/demo/${demo}.vue`),
}
}
export default [
{ path: '/*', component: AsyncComp },
]