first commit

vue-ydui/example/main.js

@@ -0,0 +1,133 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import Resource from 'vue-resource';
+
+import YDUI from '../src/ydui.js';
+
+import Index from './routers/index.vue';
+import Button from './routers/button.vue';
+import Dialog from './routers/dialog.vue';
+import Cell from './routers/cell.vue';
+import Grids from './routers/grids.vue';
+import Icons from './routers/icons.vue';
+import List from './routers/list.vue';
+import ListTheme from './routers/list.theme.vue';
+import ListInfinitescroll from './routers/list.infinitescroll.vue';
+import ListPullRefresh from './routers/list.pullrefresh.vue';
+import listCombination from './routers/list.combination.vue';
+import Badge from './routers/badge.vue';
+import AsideBar from './routers/asidebar.vue';
+import TabBar from './routers/tabbar.vue';
+import NavBar from './routers/navbar.vue';
+import Tab from './routers/tab.vue';
+import ScrollTab from './routers/scrolltab.vue';
+import ActionSheet from './routers/actionsheet.vue';
+import SendCode from './routers/sendcode.vue';
+import ProgressBar from './routers/progressbar.vue';
+import KeyBoard from './routers/keyboard.vue';
+import Slider from './routers/slider.vue';
+import Spinner from './routers/spinner.vue';
+import CitySelect from './routers/cityselect.vue';
+import CountDown from './routers/countdown.vue';
+import Rate from './routers/rate.vue';
+import Popup from './routers/popup.vue';
+import CountUp from './routers/countup.vue';
+import RollNotice from './routers/rollnotice.vue';
+import Input from './routers/input.vue';
+import FlexBox from './routers/flexbox.vue';
+import CR from './routers/cr.vue';
+import Switch from './routers/switch.vue';
+import Radio from './routers/radio.vue';
+import CheckBox from './routers/checkbox.vue';
+import BackTop from './routers/backtop.vue';
+import Accordion from './routers/accordion.vue';
+import DateTime from './routers/datetime.vue';
+import LightBox from './routers/lightbox.vue';
+import TimeLine from './routers/timeline.vue';
+import Step from './routers/step.vue';
+import CheckList from './routers/checklist.vue';
+import Search from './routers/search.vue';
+import ScrollNav from './routers/scrollnav.vue';
+import Preview from './routers/preview.vue';
+
+import App from './app.vue';
+
+Vue.use(VueRouter);
+Vue.use(Resource);
+Vue.use(YDUI);
+
+const router = new VueRouter({
+    routes: [
+        {path: "*", redirect: "/"},
+        {path: '/', name: 'index', component: Index},
+        {path: '/button', name: 'button', component: Button},
+        {path: '/dialog', name: 'dialog', component: Dialog},
+        {path: '/cell', name: 'cell', component: Cell},
+        {path: '/grids', name: 'grids', component: Grids},
+        {path: '/icons', name: 'icons', component: Icons},
+        {path: '/list', name: 'list', component: List},
+        {path: '/list.theme/:id', name: 'list.theme/:id', component: ListTheme},
+        {path: '/list.infinitescroll', name: 'list.infinitescroll', component: ListInfinitescroll},
+        {path: '/list.pullrefresh', name: 'list.pullrefresh', component: ListPullRefresh},
+        {path: '/list.combination', name: 'list.combination', component: listCombination},
+        {path: '/badge', name: 'badge', component: Badge},
+        {path: '/asidebar', name: 'asidebar', component: AsideBar},
+        {path: '/tabbar', name: 'tabbar', component: TabBar},
+        {path: '/navbar', name: 'navbar', component: NavBar},
+        {path: '/tab', name: 'tab', component: Tab},
+        {path: '/scrolltab', name: 'scrolltab', component: ScrollTab},
+        {path: '/actionsheet', name: 'actionsheet', component: ActionSheet},
+        {path: '/sendcode', name: 'sendcode', component: SendCode},
+        {path: '/progressbar', name: 'progressbar', component: ProgressBar},
+        {path: '/keyboard', name: 'keyboard', component: KeyBoard},
+        {path: '/slider', name: 'slider', component: Slider},
+        {path: '/spinner', name: 'spinner', component: Spinner},
+        {path: '/cityselect', name: 'cityselect', component: CitySelect},
+        {path: '/countdown', name: 'countdown', component: CountDown},
+        {path: '/rate', name: 'rate', component: Rate},
+        {path: '/popup', name: 'popup', component: Popup},
+        {path: '/countup', name: 'countup', component: CountUp},
+        {path: '/rollnotice', name: 'rollnotice', component: RollNotice},
+        {path: '/input', name: 'input', component: Input},
+        {path: '/flexbox', name: 'flexbox', component: FlexBox},
+        {path: '/cr', name: 'C&R', component: CR},
+        {path: '/switch', name: 'switch', component: Switch},
+        {path: '/radio', name: 'radio', component: Radio},
+        {path: '/checkbox', name: 'checkbox', component: CheckBox},
+        {path: '/backtop', name: 'backtop', component: BackTop},
+		{path: '/accordion', name: 'accordion', component: Accordion},
+        {path: '/datetime', name: 'datetime', component: DateTime},
+        {path: '/lightbox', name: 'lightbox', component: LightBox},
+        {path: '/timeline', name: 'timeline', component: TimeLine},
+        {path: '/step', name: 'step', component: Step},
+        {path: '/checklist', name: 'checklist', component: CheckList},
+        {path: '/search', name: 'search', component: Search},
+        {path: '/scrollnav', name: 'scrollnav', component: ScrollNav},
+        {path: '/preview', name: 'preview', component: Preview},
+    ]
+});
+
+const app = new Vue({
+    router: router,
+    render: v => v(App)
+}).$mount('#app');
+
+let scrollTop = 0;
+
+router.beforeEach((route, redirect, next) => {
+    if (redirect.path === '/') {
+        scrollTop = document.getElementById('scrollView').scrollTop;
+    }
+    document.title = 'YDUI Touch - ' + route.name;
+    next();
+});
+
+router.afterEach(route => {
+    if (route.path === '/') {
+        Vue.nextTick(() => {
+            document.getElementById('scrollView').scrollTop = scrollTop;
+        });
+    } else {
+        document.getElementById('scrollView').scrollTop = 0;
+    }
+});