ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 09:24:25 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Doc] optimize loading animation (#509)

Browse Source
This commit is contained in:
neverland
2018-01-04 19:51:25 +08:00
committed by GitHub
parent 94e05ba3f8
commit 3adb01fc30
6 changed files with 153 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
build/bin/build-entry.js
View File

@@ -56,12 +56,25 @@ function buildDemoEntry() {
const demos = fs.readdirSync(dir)
.filter(name => ~name.indexOf('.vue'))
.map(name => name.replace('.vue', ''))
.map(name => `'${name}': r => require.ensure([], () => r(wrapper(require('./views/${name}'), '${name}')), '${name}')`);
.map(name => `'${name}': asyncWrapper(r => require.ensure([], () => r(componentWrapper(require('./views/${name}'), '${name}')), '${name}'))`);
const content = `${tips}
import './common';
function wrapper(component, name) {
import progress from 'nprogress';
function asyncWrapper(component) {
return function(r) {
progress.start();
component(r).then(() => {
progress.done();
}).catch(() => {
progress.done();
});
};
}
function componentWrapper(component, name) {
component = component.default;
component.name = 'demo-' + name;
return component;
@@ -85,7 +98,6 @@ function buildDocsEntry() {
const content = `${tips}
import progress from 'nprogress';
import 'nprogress/nprogress.css';
function wrapper(component) {
return function(r) {