ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Doc] update vant-doc (#1608)

Browse Source
This commit is contained in:
neverland
2018-08-08 15:43:31 +08:00
committed by GitHub
parent cdc93188ca
commit 177fb5c7cb
6 changed files with 14 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
docs/src/components/nprogress.css
View File

@@ -1,75 +0,0 @@
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: rgba(52, 152, 219, .7);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 5px rgba(52, 152, 219, .7), 0 0 2px rgba(52, 152, 219, .7);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
display: none;
width: 12px;
height: 12px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: rgba(52, 152, 219, .7);
border-left-color: rgba(52, 152, 219, .7);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

4
docs/src/index.js
View File

@@ -2,10 +2,8 @@ import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './DocsApp';
import routes from './router';
import VantDoc from 'vant-doc';
import progress from 'nprogress';
import VantDoc, { progress } from 'vant-doc';
import { isMobile } from './utils';
import './components/nprogress.css';
Vue.use(VueRouter).use(VantDoc);

5
docs/src/mobile.js
View File

@@ -1,11 +1,10 @@
import '../../packages/vant-css/src/index.css';
import './components/nprogress.css';
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './WapApp';
import routes from './router';
import progress from 'nprogress';
import 'vant-doc/src/helper/touch-simulator';
import { progress } from 'vant-doc';
import 'vant-doc/helper/touch-simulator';
const router = new VueRouter({
mode: 'hash',