diff --git a/src/components/app.vue b/src/components/app.vue
index f6034fc..f10080f 100755
--- a/src/components/app.vue
+++ b/src/components/app.vue
@@ -22,27 +22,6 @@
                 <Icon type="load-c" size="18" class="icon-loading"></Icon>
             </div>
         </transition>
-        <!--<Modal v-if="lang === 'zh-CN'" v-model="fee" title="第一期前端探索交流会" width="750" :closable="false" :mask-closable="false">-->
-            <!--<div class="ivu-article">-->
-                <!--<p>活动介绍：前端探索交流会 FEE(Front End Explore) 是由 TalkingData 可视化团队发起的非盈利性前端开发者交流会，旨在分享、探索和传播具有创新的、有价值的思想、灵感或经验。</p>-->
-                <!--<p>直播时间：2017-12-09 14:30</p>-->
-                <!--<p style="font-size: 16px;font-weight: bold;">-->
-                    <!--直播地址：<a href="https://live.bilibili.com/1353202" target="_blank">https://live.bilibili.com/1353202</a>-->
-                <!--</p>-->
-                <!--<p>-->
-                    <!--关注 FEE 公众号，获取最新动态：-->
-                <!--</p>-->
-                <!--<row>-->
-                    <!--<i-col span="12">-->
-                        <!--<img src="../images/fee-code.jpg" width="200px">-->
-                    <!--</i-col>-->
-                <!--</row>-->
-            <!--</div>-->
-            <!--<div slot="footer">-->
-                <!--<Button type="text" size="large" @click="feeclose">关闭</Button>-->
-                <!--<Button type="primary" size="large" style="width: 100px" @click="gotofee">查看直播</Button>-->
-            <!--</div>-->
-        <!--</Modal>-->
     </div>
 </template>
 <script>
@@ -58,7 +37,6 @@
             return {
                 liveVisible: false,
                 iViewVisible: false,
-                lang: this.$lang,
                 fee: true,
                 ad_index: 1  // 随机广告索引，更好地显示一类广告
             }
@@ -72,7 +50,6 @@
             // 随机广告索引
             this.ad_index = Math.floor(Math.random () * 6 + 1);
 
-            this.lang = this.$lang;
             if (window.localStorage.getItem('liveModalTime')) {
                 const time = parseInt(window.localStorage.getItem('liveModalTime'));
                 const today = this.getTodayUnix();
@@ -120,7 +97,7 @@
             // 广告统计
             window.clickAdBuy = function () {
                 _hmt.push(['_trackEvent', 'index-ad-buy', 'click'])
-            }
+            };
 
             window.clickAdVideo = function () {
                 _hmt.push(['_trackEvent', 'index-ad-video', 'click'])
diff --git a/src/images/bg.jpg b/src/images/bg.jpg
new file mode 100644
index 0000000..084404c
Binary files /dev/null and b/src/images/bg.jpg differ
diff --git a/src/images/code.jpg b/src/images/code.jpg
new file mode 100644
index 0000000..5ebea83
Binary files /dev/null and b/src/images/code.jpg differ
diff --git a/src/images/index-title.png b/src/images/index-title.png
new file mode 100644
index 0000000..90eb800
Binary files /dev/null and b/src/images/index-title.png differ
diff --git a/src/images/logo.png b/src/images/logo.png
index f54d068..c8f9a02 100644
Binary files a/src/images/logo.png and b/src/images/logo.png differ
diff --git a/src/libs/util.js b/src/libs/util.js
index 91704d7..a298b9d 100755
--- a/src/libs/util.js
+++ b/src/libs/util.js
@@ -9,7 +9,7 @@ util.alert = function(content) {
 };
 
 util.title = function (title) {
-    title = title ? title + ' - iView' : 'iView - A high quality UI Toolkit based on Vue.js';
+    title = title ? title + ' - iView Weapp' : 'iView Weapp - 一套高质量的微信小程序 UI 组件库';
     window.document.title = title;
 };
 const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
diff --git a/src/main.js b/src/main.js
index 4931df3..16afc42 100755
--- a/src/main.js
+++ b/src/main.js
@@ -4,14 +4,10 @@
 import 'babel-polyfill';
 import Vue from 'vue';
 import VueRouter from 'vue-router';
-import VueI18n from 'vue-i18n';
-import Locales from './locale';
 import App from './components/app.vue';
 import Routers from './router';
 import Util from './libs/util';
 import iView from 'iview';
-import zhLocale from 'iview/dist/locale/zh-CN';
-import enLocale from 'iview/dist/locale/en-US';
 import Env from './config/env';
 import bus from './components/bus';
 import 'iview/dist/styles/iview.css';
@@ -20,7 +16,6 @@ import 'iview/dist/styles/iview.css';
 import ad from './components/ad.vue';
 
 Vue.use(VueRouter);
-Vue.use(VueI18n);
 Vue.use(iView);
 
 Vue.component('ad', ad);
@@ -28,27 +23,6 @@ Vue.component('ad', ad);
 // 开启debug模式
 Vue.config.debug = true;
 
-// 设置语言
-const navLang = navigator.language;
-const localLang = (navLang === 'zh-CN' || navLang === 'en-US') ? navLang : false;
-const lang = window.localStorage.getItem('language') || localLang || 'zh-CN';
-
-Vue.config.lang = lang;
-bus.lang = lang;
-bus.$on('on-change-lang', (lang, path) => {
-    // Vue.config.lang = lang;
-    // bus.lang = lang;
-    window.localStorage.setItem('language', lang);
-    window.location.href = path;
-});
-
-// 多语言配置
-const locales = Locales;
-const mergeZH = Object.assign(zhLocale, locales['zh-CN']);
-const mergeEN = Object.assign(enLocale, locales['en-US']);
-Vue.locale('zh-CN', mergeZH);
-Vue.locale('en-US', mergeEN);
-
 // 路由配置
 const RouterConfig = {
     routes: Routers
diff --git a/src/router.js b/src/router.js
index c4706f0..5fd6afe 100755
--- a/src/router.js
+++ b/src/router.js
@@ -9,923 +9,6 @@ const routers = [
         },
         component: (resolve) => require(['./views/index.vue'], resolve)
     },
-    {
-        path: '/vue-book',
-        meta: {
-            title: '《Vue.js 实战》预购'
-        },
-        component: (resolve) => require(['./views/vue-book.vue'], resolve)
-    },
-    {
-        path: '/vue-book/check',
-        meta: {
-            title: '《Vue.js 实战》预购查询'
-        },
-        component: (resolve) => require(['./views/vue-book-check.vue'], resolve)
-    },
-    {
-        path: '/new-issue',
-        meta: {
-            title: 'iView Issue Helper'
-        },
-        component: (resolve) => require(['./views/new-issue.vue'], resolve)
-    },
-    {
-        path: '/cli',
-        meta: {
-            title: 'iView Cli 可视化脚手架'
-        },
-        component: (resolve) => require(['./views/cli.vue'], resolve)
-    },
-    {
-        path: '/cli-en',
-        meta: {
-            title: 'iView Cli'
-        },
-        component: (resolve) => require(['./views/cli-en.vue'], resolve)
-    },
-    {
-        path: '/live',
-        meta: {
-            title: '讲堂'
-        },
-        component: (resolve) => require(['./views/live.vue'], resolve)
-    },
-    {
-        path: '/overview',
-        meta: {
-            title: '概览'
-        },
-        component: (resolve) => require(['./views/guide/overview.vue'], resolve)
-    },
-    {
-        path: '/overview-en',
-        meta: {
-            title: 'Overview'
-        },
-        component: (resolve) => require(['./views/guide/overview-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/introduce',
-        meta: {
-            title: 'iView介绍'
-        },
-        component: (resolve) => require(['./views/guide/introduce.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/introduce-en',
-        meta: {
-            title: 'Introduction'
-        },
-        component: (resolve) => require(['./views/guide/introduce-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/design',
-        meta: {
-            title: '设计原则'
-        },
-        component: (resolve) => require(['./views/guide/design.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/design-en',
-        meta: {
-            title: 'Design Principle'
-        },
-        component: (resolve) => require(['./views/guide/design-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/layout',
-        meta: {
-            title: '布局'
-        },
-        component: (resolve) => require(['./views/guide/layout.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/layout-en',
-        meta: {
-            title: 'Layout'
-        },
-        component: (resolve) => require(['./views/guide/layout-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/standard',
-        meta: {
-            title: '参与贡献'
-        },
-        component: (resolve) => require(['./views/guide/standard.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/standard-en',
-        meta: {
-            title: 'Contributing Guide'
-        },
-        component: (resolve) => require(['./views/guide/standard-en.vue'], resolve)
-    },
-    {
-        path: '/docs/practice/case',
-        meta: {
-            title: '实践案例'
-        },
-        component: (resolve) => require(['./views/practice/case.vue'], resolve)
-    },
-    {
-        path: '/docs/practice/case-en',
-        meta: {
-            title: 'Practical Cases'
-        },
-        component: (resolve) => require(['./views/practice/case-en.vue'], resolve)
-    },
-    {
-        path: '/docs/practice/logo',
-        meta: {
-            title: 'iView Logo Design'
-        },
-        component: (resolve) => require(['./views/practice/logo.vue'], resolve)
-    },
-    {
-        path: '/docs/practice/logo-en',
-        meta: {
-            title: 'iView Logo 设计思路'
-        },
-        component: (resolve) => require(['./views/practice/logo-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/install',
-        meta: {
-            title: '安装'
-        },
-        component: (resolve) => require(['./views/guide/install.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/install-en',
-        meta: {
-            title: 'Installation'
-        },
-        component: (resolve) => require(['./views/guide/install-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/start',
-        meta: {
-            title: '快速上手'
-        },
-        component: (resolve) => require(['./views/guide/start.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/start-en',
-        meta: {
-            title: 'Quick Start'
-        },
-        component: (resolve) => require(['./views/guide/start-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/i18n',
-        meta: {
-            title: '国际化'
-        },
-        component: (resolve) => require(['./views/guide/i18n.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/i18n-en',
-        meta: {
-            title: 'Internationalization'
-        },
-        component: (resolve) => require(['./views/guide/i18n-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/theme',
-        meta: {
-            title: '定制主题'
-        },
-        component: (resolve) => require(['./views/guide/theme.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/theme-en',
-        meta: {
-            title: 'Customize Theme'
-        },
-        component: (resolve) => require(['./views/guide/theme-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/iview-loader',
-        meta: {
-            title: 'iView Loader'
-        },
-        component: (resolve) => require(['./views/guide/iview-loader.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/iview-loader-en',
-        meta: {
-            title: 'iView Loader'
-        },
-        component: (resolve) => require(['./views/guide/iview-loader-en.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/update',
-        meta: {
-            title: '更新日志'
-        },
-        component: (resolve) => require(['./views/guide/update.vue'], resolve)
-    },
-    {
-        path: '/docs/guide/update-en',
-        meta: {
-            title: 'Changelog'
-        },
-        component: (resolve) => require(['./views/guide/update-en.vue'], resolve)
-    },
-    {
-        path: '/components/grid',
-        meta: {
-            title: '栅格 Grid'
-        },
-        component: (resolve) => require(['./views/components/grid.vue'], resolve)
-    },
-    {
-        path: '/components/grid-en',
-        meta: {
-            title: 'Grid'
-        },
-        component: (resolve) => require(['./views/components/grid-en.vue'], resolve)
-    },
-    {
-        path: '/components/layout',
-        meta: {
-            title: '布局 Layout'
-        },
-        component: (resolve) => require(['./views/guide/layout.vue'], resolve)
-    },
-    {
-        path: '/components/layout-en',
-        meta: {
-            title: 'Layout'
-        },
-        component: (resolve) => require(['./views/guide/layout-en.vue'], resolve)
-    },
-    {
-        path: '/components/color',
-        meta: {
-            title: '色彩 Color'
-        },
-        component: (resolve) => require(['./views/components/color.vue'], resolve)
-    },
-    {
-        path: '/components/color-en',
-        meta: {
-            title: 'Color'
-        },
-        component: (resolve) => require(['./views/components/color-en.vue'], resolve)
-    },
-    {
-        path: '/components/font',
-        meta: {
-            title: '字体 Font'
-        },
-        component: (resolve) => require(['./views/components/font.vue'], resolve)
-    },
-    {
-        path: '/components/font-en',
-        meta: {
-            title: 'Font'
-        },
-        component: (resolve) => require(['./views/components/font-en.vue'], resolve)
-    },
-    {
-        path: '/components/button',
-        meta: {
-            title: '按钮 Button'
-        },
-        component: (resolve) => require(['./views/components/button.vue'], resolve)
-    },
-    {
-        path: '/components/button-en',
-        meta: {
-            title: 'Button'
-        },
-        component: (resolve) => require(['./views/components/button-en.vue'], resolve)
-    },
-    {
-        path: '/components/icon',
-        meta: {
-            title: '图标 Icon'
-        },
-        component: (resolve) => require(['./views/components/icon.vue'], resolve)
-    },
-    {
-        path: '/components/icon-en',
-        meta: {
-            title: 'Icon'
-        },
-        component: (resolve) => require(['./views/components/icon-en.vue'], resolve)
-    },
-    {
-        path: '/components/input',
-        meta: {
-            title: '输入框 Input'
-        },
-        component: (resolve) => require(['./views/components/input.vue'], resolve)
-    },
-    {
-        path: '/components/input-en',
-        meta: {
-            title: 'Input'
-        },
-        component: (resolve) => require(['./views/components/input-en.vue'], resolve)
-    },
-    {
-        path: '/components/radio',
-        meta: {
-            title: '单选框 Radio'
-        },
-        component: (resolve) => require(['./views/components/radio.vue'], resolve)
-    },
-    {
-        path: '/components/radio-en',
-        meta: {
-            title: 'Radio'
-        },
-        component: (resolve) => require(['./views/components/radio-en.vue'], resolve)
-    },
-    {
-        path: '/components/checkbox',
-        meta: {
-            title: '多选框 Checkbox'
-        },
-        component: (resolve) => require(['./views/components/checkbox.vue'], resolve)
-    },
-    {
-        path: '/components/checkbox-en',
-        meta: {
-            title: 'Checkbox'
-        },
-        component: (resolve) => require(['./views/components/checkbox-en.vue'], resolve)
-    },
-    {
-        path: '/components/switch',
-        meta: {
-            title: '开关 Switch'
-        },
-        component: (resolve) => require(['./views/components/switch.vue'], resolve)
-    },
-    {
-        path: '/components/switch-en',
-        meta: {
-            title: 'Switch'
-        },
-        component: (resolve) => require(['./views/components/switch-en.vue'], resolve)
-    },
-    {
-        path: '/components/table',
-        meta: {
-            title: '表格 Table'
-        },
-        component: (resolve) => require(['./views/components/table.vue'], resolve)
-    },
-    {
-        path: '/components/table-en',
-        meta: {
-            title: 'Table'
-        },
-        component: (resolve) => require(['./views/components/table-en.vue'], resolve)
-    },
-    {
-        path: '/components/select',
-        meta: {
-            title: '选择器 Select'
-        },
-        component: (resolve) => require(['./views/components/select.vue'], resolve)
-    },
-    {
-        path: '/components/select-en',
-        meta: {
-            title: 'Select'
-        },
-        component: (resolve) => require(['./views/components/select-en.vue'], resolve)
-    },
-    {
-        path: '/components/slider',
-        meta: {
-            title: '滑块 Slider'
-        },
-        component: (resolve) => require(['./views/components/slider.vue'], resolve)
-    },
-    {
-        path: '/components/slider-en',
-        meta: {
-            title: 'Slider'
-        },
-        component: (resolve) => require(['./views/components/slider-en.vue'], resolve)
-    },
-    {
-        path: '/components/date-picker',
-        meta: {
-            title: '日期选择器 DatePicker'
-        },
-        component: (resolve) => require(['./views/components/date-picker.vue'], resolve)
-    },
-    {
-        path: '/components/date-picker-en',
-        meta: {
-            title: 'DatePicker'
-        },
-        component: (resolve) => require(['./views/components/date-picker-en.vue'], resolve)
-    },
-    {
-        path: '/components/time-picker',
-        meta: {
-            title: '时间选择器 TimePicker'
-        },
-        component: (resolve) => require(['./views/components/time-picker.vue'], resolve)
-    },
-    {
-        path: '/components/time-picker-en',
-        meta: {
-            title: 'TimePicker'
-        },
-        component: (resolve) => require(['./views/components/time-picker-en.vue'], resolve)
-    },
-    {
-        path: '/components/cascader',
-        meta: {
-            title: '级联选择 Cascader'
-        },
-        component: (resolve) => require(['./views/components/cascader.vue'], resolve)
-    },
-    {
-        path: '/components/cascader-en',
-        meta: {
-            title: 'Cascader'
-        },
-        component: (resolve) => require(['./views/components/cascader-en.vue'], resolve)
-    },
-    {
-        path: '/components/transfer',
-        meta: {
-            title: '穿梭框 Transfer'
-        },
-        component: (resolve) => require(['./views/components/transfer.vue'], resolve)
-    },
-    {
-        path: '/components/transfer-en',
-        meta: {
-            title: 'Transfer'
-        },
-        component: (resolve) => require(['./views/components/transfer-en.vue'], resolve)
-    },
-    {
-        path: '/components/input-number',
-        meta: {
-            title: '数字输入框 InputNumber'
-        },
-        component: (resolve) => require(['./views/components/input-number.vue'], resolve)
-    },
-    {
-        path: '/components/input-number-en',
-        meta: {
-            title: 'InputNumber'
-        },
-        component: (resolve) => require(['./views/components/input-number-en.vue'], resolve)
-    },
-    {
-        path: '/components/rate',
-        meta: {
-            title: '评分 Rate'
-        },
-        component: (resolve) => require(['./views/components/rate.vue'], resolve)
-    },
-    {
-        path: '/components/rate-en',
-        meta: {
-            title: 'Rate'
-        },
-        component: (resolve) => require(['./views/components/rate-en.vue'], resolve)
-    },
-    {
-        path: '/components/upload',
-        meta: {
-            title: '上传 Upload'
-        },
-        component: (resolve) => require(['./views/components/upload.vue'], resolve)
-    },
-    {
-        path: '/components/upload-en',
-        meta: {
-            title: 'Upload'
-        },
-        component: (resolve) => require(['./views/components/upload-en.vue'], resolve)
-    },
-    {
-        path: '/components/form',
-        meta: {
-            title: '表单 Form'
-        },
-        component: (resolve) => require(['./views/components/form.vue'], resolve)
-    },
-    {
-        path: '/components/form-en',
-        meta: {
-            title: 'Form'
-        },
-        component: (resolve) => require(['./views/components/form-en.vue'], resolve)
-    },
-    {
-        path: '/components/alert',
-        meta: {
-            title: '警告提示 Alert'
-        },
-        component: (resolve) => require(['./views/components/alert.vue'], resolve)
-    },
-    {
-        path: '/components/alert-en',
-        meta: {
-            title: 'Alert'
-        },
-        component: (resolve) => require(['./views/components/alert-en.vue'], resolve)
-    },
-    {
-        path: '/components/card',
-        meta: {
-            title: '卡片 Card'
-        },
-        component: (resolve) => require(['./views/components/card.vue'], resolve)
-    },
-    {
-        path: '/components/card-en',
-        meta: {
-            title: 'Card'
-        },
-        component: (resolve) => require(['./views/components/card-en.vue'], resolve)
-    },
-    {
-        path: '/components/message',
-        meta: {
-            title: '全局提示 Message'
-        },
-        component: (resolve) => require(['./views/components/message.vue'], resolve)
-    },
-    {
-        path: '/components/message-en',
-        meta: {
-            title: 'Message'
-        },
-        component: (resolve) => require(['./views/components/message-en.vue'], resolve)
-    },
-    {
-        path: '/components/notice',
-        meta: {
-            title: '通知提醒 Notice'
-        },
-        component: (resolve) => require(['./views/components/notice.vue'], resolve)
-    },
-    {
-        path: '/components/notice-en',
-        meta: {
-            title: 'Notice'
-        },
-        component: (resolve) => require(['./views/components/notice-en.vue'], resolve)
-    },
-    {
-        path: '/components/modal',
-        meta: {
-            title: '对话框 Modal'
-        },
-        component: (resolve) => require(['./views/components/modal.vue'], resolve)
-    },
-    {
-        path: '/components/modal-en',
-        meta: {
-            title: 'Modal'
-        },
-        component: (resolve) => require(['./views/components/modal-en.vue'], resolve)
-    },
-    {
-        path: '/components/progress',
-        meta: {
-            title: '进度条 Progress'
-        },
-        component: (resolve) => require(['./views/components/progress.vue'], resolve)
-    },
-    {
-        path: '/components/progress-en',
-        meta: {
-            title: 'Progress'
-        },
-        component: (resolve) => require(['./views/components/progress-en.vue'], resolve)
-    },
-    {
-        path: '/components/badge',
-        meta: {
-            title: '徽标数 Badge'
-        },
-        component: (resolve) => require(['./views/components/badge.vue'], resolve)
-    },
-    {
-        path: '/components/badge-en',
-        meta: {
-            title: 'Badge'
-        },
-        component: (resolve) => require(['./views/components/badge-en.vue'], resolve)
-    },
-    {
-        path: '/components/collapse',
-        meta: {
-            title: '折叠面板 Collapse'
-        },
-        component: (resolve) => require(['./views/components/collapse.vue'], resolve)
-    },
-    {
-        path: '/components/collapse-en',
-        meta: {
-            title: 'Collapse'
-        },
-        component: (resolve) => require(['./views/components/collapse-en.vue'], resolve)
-    },
-    {
-        path: '/components/timeline',
-        meta: {
-            title: '时间轴 Timeline'
-        },
-        component: (resolve) => require(['./views/components/timeline.vue'], resolve)
-    },
-    {
-        path: '/components/timeline-en',
-        meta: {
-            title: 'Timeline'
-        },
-        component: (resolve) => require(['./views/components/timeline-en.vue'], resolve)
-    },
-    {
-        path: '/components/tag',
-        meta: {
-            title: '标签 Tag'
-        },
-        component: (resolve) => require(['./views/components/tag.vue'], resolve)
-    },
-    {
-        path: '/components/tag-en',
-        meta: {
-            title: 'Tag'
-        },
-        component: (resolve) => require(['./views/components/tag-en.vue'], resolve)
-    },
-    {
-        path: '/components/tooltip',
-        meta: {
-            title: '文字提示 Tooltip'
-        },
-        component: (resolve) => require(['./views/components/tooltip.vue'], resolve)
-    },
-    {
-        path: '/components/tooltip-en',
-        meta: {
-            title: 'Tooltip'
-        },
-        component: (resolve) => require(['./views/components/tooltip-en.vue'], resolve)
-    },
-    {
-        path: '/components/poptip',
-        meta: {
-            title: '气泡提示 Poptip'
-        },
-        component: (resolve) => require(['./views/components/poptip.vue'], resolve)
-    },
-    {
-        path: '/components/poptip-en',
-        meta: {
-            title: 'Poptip'
-        },
-        component: (resolve) => require(['./views/components/poptip-en.vue'], resolve)
-    },
-    {
-        path: '/components/carousel',
-        meta: {
-            title: '走马灯 Carousel'
-        },
-        component: (resolve) => require(['./views/components/carousel.vue'], resolve)
-    },
-    {
-        path: '/components/carousel-en',
-        meta: {
-            title: 'Carousel'
-        },
-        component: (resolve) => require(['./views/components/carousel-en.vue'], resolve)
-    },
-    {
-        path: '/components/tree',
-        meta: {
-            title: '树形控件 Tree'
-        },
-        component: (resolve) => require(['./views/components/tree.vue'], resolve)
-    },
-    {
-        path: '/components/tree-en',
-        meta: {
-            title: 'Tree'
-        },
-        component: (resolve) => require(['./views/components/tree-en.vue'], resolve)
-    },
-    {
-        path: '/components/menu',
-        meta: {
-            title: '导航菜单 Menu'
-        },
-        component: (resolve) => require(['./views/components/menu.vue'], resolve)
-    },
-    {
-        path: '/components/menu-en',
-        meta: {
-            title: 'Menu'
-        },
-        component: (resolve) => require(['./views/components/menu-en.vue'], resolve)
-    },
-    {
-        path: '/components/tabs',
-        meta: {
-            title: '标签页 Tabs'
-        },
-        component: (resolve) => require(['./views/components/tabs.vue'], resolve)
-    },
-    {
-        path: '/components/tabs-en',
-        meta: {
-            title: 'Tabs'
-        },
-        component: (resolve) => require(['./views/components/tabs-en.vue'], resolve)
-    },
-    {
-        path: '/components/dropdown',
-        meta: {
-            title: '下拉菜单 Dropdown'
-        },
-        component: (resolve) => require(['./views/components/dropdown.vue'], resolve)
-    },
-    {
-        path: '/components/dropdown-en',
-        meta: {
-            title: 'Dropdown'
-        },
-        component: (resolve) => require(['./views/components/dropdown-en.vue'], resolve)
-    },
-    {
-        path: '/components/page',
-        meta: {
-            title: '分页 Page'
-        },
-        component: (resolve) => require(['./views/components/page.vue'], resolve)
-    },
-    {
-        path: '/components/page-en',
-        meta: {
-            title: 'Page'
-        },
-        component: (resolve) => require(['./views/components/page-en.vue'], resolve)
-    },
-    {
-        path: '/components/breadcrumb',
-        meta: {
-            title: '面包屑 Breadcrumb'
-        },
-        component: (resolve) => require(['./views/components/breadcrumb.vue'], resolve)
-    },
-    {
-        path: '/components/breadcrumb-en',
-        meta: {
-            title: 'Breadcrumb'
-        },
-        component: (resolve) => require(['./views/components/breadcrumb-en.vue'], resolve)
-    },
-    {
-        path: '/components/steps',
-        meta: {
-            title: '步骤条 Steps'
-        },
-        component: (resolve) => require(['./views/components/steps.vue'], resolve)
-    },
-    {
-        path: '/components/steps-en',
-        meta: {
-            title: 'Steps'
-        },
-        component: (resolve) => require(['./views/components/steps-en.vue'], resolve)
-    },
-    {
-        path: '/components/loading-bar',
-        meta: {
-            title: '加载进度条 LoadingBar'
-        },
-        component: (resolve) => require(['./views/components/loading-bar.vue'], resolve)
-    },
-    {
-        path: '/components/loading-bar-en',
-        meta: {
-            title: 'LoadingBar'
-        },
-        component: (resolve) => require(['./views/components/loading-bar-en.vue'], resolve)
-    },
-    {
-        path: '/components/circle',
-        meta: {
-            title: '进度环 Circle'
-        },
-        component: (resolve) => require(['./views/components/circle.vue'], resolve)
-    },
-    {
-        path: '/components/circle-en',
-        meta: {
-            title: 'Circle'
-        },
-        component: (resolve) => require(['./views/components/circle-en.vue'], resolve)
-    },
-    {
-        path: '/components/affix',
-        meta: {
-            title: '图钉 Affix'
-        },
-        component: (resolve) => require(['./views/components/affix.vue'], resolve)
-    },
-    {
-        path: '/components/affix-en',
-        meta: {
-            title: 'Affix'
-        },
-        component: (resolve) => require(['./views/components/affix-en.vue'], resolve)
-    },
-    {
-        path: '/components/back-top',
-        meta: {
-            title: '回到顶部 BackTop'
-        },
-        component: (resolve) => require(['./views/components/back-top.vue'], resolve)
-    },
-    {
-        path: '/components/back-top-en',
-        meta: {
-            title: 'BackTop'
-        },
-        component: (resolve) => require(['./views/components/back-top-en.vue'], resolve)
-    },
-    {
-        path: '/components/spin',
-        meta: {
-            title: '加载中 Spin'
-        },
-        component: (resolve) => require(['./views/components/spin.vue'], resolve)
-    },
-    {
-        path: '/components/spin-en',
-        meta: {
-            title: 'Spin'
-        },
-        component: (resolve) => require(['./views/components/spin-en.vue'], resolve)
-    },
-    {
-        path: '/components/avatar',
-        meta: {
-            title: 'Avatar 头像'
-        },
-        component: (resolve) => require(['./views/components/avatar.vue'], resolve)
-    },
-    {
-        path: '/components/avatar-en',
-        meta: {
-            title: 'Avatar'
-        },
-        component: (resolve) => require(['./views/components/avatar-en.vue'], resolve)
-    },
-    {
-        path: '/components/color-picker',
-        meta: {
-            title: 'ColorPicker 颜色选择器'
-        },
-        component: (resolve) => require(['./views/components/color-picker.vue'], resolve)
-    },
-    {
-        path: '/components/color-picker-en',
-        meta: {
-            title: 'ColorPicker'
-        },
-        component: (resolve) => require(['./views/components/color-picker-en.vue'], resolve)
-    },
-    {
-        path: '/components/auto-complete',
-        meta: {
-            title: 'AutoComplete 自动完成'
-        },
-        component: (resolve) => require(['./views/components/auto-complete.vue'], resolve)
-    },
-    {
-        path: '/components/auto-complete-en',
-        meta: {
-            title: 'AutoComplete'
-        },
-        component: (resolve) => require(['./views/components/auto-complete-en.vue'], resolve)
-    },
-    {
-        path: '/components/scroll',
-        meta: {
-            title: 'Scroll 无限滚动'
-        },
-        component: (resolve) => require(['./views/components/scroll.vue'], resolve)
-    },
     {
         path: '/components/scroll-en',
         meta: {
diff --git a/src/styles/index.less b/src/styles/index.less
index 8076689..fd96fef 100644
--- a/src/styles/index.less
+++ b/src/styles/index.less
@@ -4,93 +4,46 @@
     top: 0;
     bottom: 0;
     left: 0;
-    text-align: center;
-    background-color: #141a48;
-    background-image: url("../images/bg-new.png");
+    background-color: #fff;
+    background-image: url("../images/bg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
+    background-position: center;
     overflow: hidden;
 
-    h1{
-        img{
-            display: block;
-            margin: 0 auto;
-        }
-        .img-logo{
-            width: 90px;
-            height: 90px;
-        }
-        .img-name{
-            width: 90px;
-            height: 40px;
-            position: relative;
-            left: 0;
-        }
-    }
-    h2{
-        color: #fff;
-        font-weight: normal;
-        margin-top: 50px;
-        font-size: 16px;
+    &-main{
+        width: 50%;
+        height: 100%;
     }
-    .list{
-        margin: 40px 0 200px;
-        a{
-            color: #0099fb;
-            font-size: 16px;
-            display: inline-block;
-            padding: 10px;
-            position: relative;
-            transition: color 0.3s;
-            &:before, &:after{
-                position: absolute;
-                left: 0;
-                width: 100%;
-                height: 2px;
-                background: #fff;
-                content: '';
-                opacity: 0;
-                transition: opacity 0.3s, transform 0.3s;
-                transform: translateY(-10px);
-            }
-            &:before{
-                top: 0;
-                transform: translateY(-10px);
-            }
-            &:after{
-                bottom: 0;
-                transform: translateY(10px);
-            }
-
-            &:hover{
-                color: #fff
-            }
-            &:hover::before,&:hover::after{
-                opacity: 1;
-                transform: translateY(0px);
-            }
-        }
+    &-logo{
+        height: 50px;
+        margin-top: 16px;
+        margin-left: 10%;
     }
-    .ivu-row-flex{
+    &-container{
+        //text-align: center;
         height: 100%;
+        padding-left: 10%;
     }
-    &-lang{
-        position: absolute;
-        top: 20px;
-        right: 20px;
-        z-index: 10;
-        & span{
-            display: inline-block;
-            color: #fff;
-            cursor: pointer;
-        }
+    &-title{
+        height: 100px;
+    }
+    &-content{
+        font-size: 24px;
+        margin-top: 10px;
+        padding-left: 16px;
+    }
+    &-actions{
+        margin-top: 80px;
+        margin-bottom: 90px;
+        margin-left: 16px;
+    }
+    &-btn{
+        min-width: 120px;
+        margin-right: 16px;
+    }
+    &-code{
+        height: 150px;
+        margin: 0 auto;
     }
-}
-
-#indexLizi{
-    position: absolute;
-    width: 100%;
-    top: 0;
-    bottom: 0;
-    overflow: hidden;
 }
\ No newline at end of file
diff --git a/src/template/index.ejs b/src/template/index.ejs
index dcf22c9..faf03c0 100755
--- a/src/template/index.ejs
+++ b/src/template/index.ejs
@@ -2,8 +2,8 @@
 <html lang="en-US">
 <head>
     <meta charset="UTF-8">
-    <meta name="description" content="A High quality and rich functions, friendly APIs, free and flexible UI Toolkit based on Vue.js.">
-    <title>iView - A high quality UI Toolkit based on Vue.js</title>
+    <meta name="description" content="一套高质量的微信小程序 UI 组件库。">
+    <title>iView Weapp - 一套高质量的微信小程序 UI 组件库</title>
     <link rel="shortcut icon" href="https://file.iviewui.com/file/favicon.ico">
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.files.css[0] %>">
 </head>
@@ -15,18 +15,10 @@
         var _hmt = _hmt || [];
         (function() {
             var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?91d4d97aeea60cc72e4822c0aa248da6";
+            hm.src = "https://hm.baidu.com/hm.js?9b6a7a699050910dbd0b56e418113f33";
             var s = document.getElementsByTagName("script")[0];
             s.parentNode.insertBefore(hm, s);
         })();
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-        ga('create', 'UA-83967883-1', 'auto');
-        ga('send', 'pageview');
     </script>
-    <script src="https://jic.talkingdata.com/app/h5/v1?appid=84D0993918504CE98F4EEDA3BF195366&vn=2&vc=2"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/views/cli-en.vue b/src/views/cli-en.vue
deleted file mode 100644
index b0902e6..0000000
--- a/src/views/cli-en.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<style lang="less">
-    @import "../styles/cli.less";
-</style>
-<template>
-    <div>
-        <div class="cli-menu">
-            <div class="wrapper-header">
-                <nav-menu :active-key="activeKey"></nav-menu>
-            </div>
-        </div>
-        <div class="cli" ref="cli">
-            <Row type="flex" justify="center" align="middle">
-                <i-col span="12">
-                    <div class="cli-info">
-                        <img src="../images/cli-logo.png">
-                        <p class="cli-info-title">iView Cli</p>
-                        <div class="cli-info-desc">Create iView project with a visual way.</div>
-                        <div class="cli-download">
-                            <Row :gutter="16">
-                                <Col span="12">
-                                    <Button type="ghost" size="large" long icon="social-apple" @click="handleClick('mac')">Download for Mac</Button>
-                                </Col>
-                                <Col span="12">
-                                    <Poptip trigger="hover" title="Select bit">
-                                        <Button type="ghost" size="large" long icon="social-windows">Download for Windows</Button>
-                                        <div slot="content">
-                                            <Button type="ghost" icon="social-windows" @click="handleClick('windows', 64)">64 bit</Button>
-                                            <Button type="ghost" icon="social-windows" @click="handleClick('windows', 32)">32 bit</Button>
-                                        </div>
-                                    </Poptip>
-                                </Col>
-                            </Row>
-                            <Row :gutter="16" style="margin-top: 16px;">
-                                <Col span="12">
-                                    <Poptip trigger="hover" title="Select bit">
-                                        <Button type="ghost" size="large" long icon="social-tux">Download for Linux</Button>
-                                        <div slot="content">
-                                            <Button type="ghost" icon="social-tux" @click="handleClick('linux', 64)">64 bit</Button>
-                                            <Button type="ghost" icon="social-tux" @click="handleClick('linux', 32)">32 bit</Button>
-                                        </div>
-                                    </Poptip>
-                                </Col>
-                                <Col span="12">
-                                    <Button type="ghost" size="large" long icon="social-github" @click="handleClick('github')">GitHub</Button>
-                                </Col>
-                            </Row>
-                        </div>
-                    </div>
-                </i-col>
-                <i-col span="12">
-                    <div style="margin-top: 30px">
-                        <Carousel dots="outside" :height="height">
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-1.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-2.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-3.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-4.png">
-                                </div>
-                            </Carousel-item>
-                        </Carousel>
-                    </div>
-                </i-col>
-            </Row>
-        </div>
-    </div>
-</template>
-<script>
-    import navMenu from '../components/menu.vue'
-    import Util from '../libs/util';
-
-    export default {
-        components: { navMenu },
-        data () {
-            return {
-                height: 0,
-                activeKey: 'cli'
-            };
-        },
-        computed: {
-
-        },
-        methods: {
-            getHeight () {
-                this.height = parseInt(Util.getStyle(this.$refs.cli, 'height')) - 100;
-            },
-            handleClick (type, bit) {
-                if (type === 'mac') {
-                    window.open('https://pan.baidu.com/s/1gfCiXpD');
-                } else if (type === 'windows') {
-                    if (bit === 64) {
-                        window.open('https://pan.baidu.com/s/1o7JgdXC');
-                    } else if (bit === 32) {
-                        window.open('https://pan.baidu.com/s/1nvvbSQd');
-                    }
-                } else if (type === 'linux') {
-                    if (bit === 64) {
-                        window.open('https://pan.baidu.com/s/1b1T9Cy');
-                    } else if (bit === 32) {
-                        window.open('https://pan.baidu.com/s/1hshEPDi');
-                    }
-                } else if (type === 'github') {
-                    window.open('https://github.com/iview/iview-cli');
-                }
-            }
-        },
-        mounted () {
-            this.getHeight();
-        }
-    };
-</script>
\ No newline at end of file
diff --git a/src/views/cli.vue b/src/views/cli.vue
deleted file mode 100644
index 90121a1..0000000
--- a/src/views/cli.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<style lang="less">
-    @import "../styles/cli.less";
-</style>
-<template>
-    <div>
-        <div class="cli-menu">
-            <div class="wrapper-header">
-                <nav-menu :active-key="activeKey"></nav-menu>
-            </div>
-        </div>
-        <div class="cli" ref="cli">
-            <Row type="flex" justify="center" align="middle">
-                <Col span="12">
-                    <div class="cli-info">
-                        <img src="../images/cli-logo.png">
-                        <p class="cli-info-title">iView Cli</p>
-                        <div class="cli-info-desc">用可视化的方式来创建你的 iView 工程</div>
-                        <div class="cli-download">
-                            <Row :gutter="16">
-                                <Col span="12">
-                                    <Button type="ghost" size="large" long icon="social-apple" @click="handleClick('mac')">下载 Mac 版</Button>
-                                </Col>
-                                <Col span="12">
-                                    <Poptip trigger="hover" title="选择版本">
-                                        <Button type="ghost" size="large" long icon="social-windows">下载 Windows 版</Button>
-                                        <div slot="content">
-                                            <Button type="ghost" icon="social-windows" @click="handleClick('windows', 64)">64 位</Button>
-                                            <Button type="ghost" icon="social-windows" @click="handleClick('windows', 32)">32 位</Button>
-                                        </div>
-                                    </Poptip>
-                                </Col>
-                            </Row>
-                            <Row :gutter="16" style="margin-top: 16px;">
-                                <Col span="12">
-                                    <Poptip trigger="hover" title="选择版本">
-                                        <Button type="ghost" size="large" long icon="social-tux">下载 Linux 版</Button>
-                                        <div slot="content">
-                                            <Button type="ghost" icon="social-tux" @click="handleClick('linux', 64)">64 位</Button>
-                                            <Button type="ghost" icon="social-tux" @click="handleClick('linux', 32)">32 位</Button>
-                                        </div>
-                                    </Poptip>
-                                </Col>
-                                <Col span="12">
-                                    <Button type="ghost" size="large" long icon="social-github" @click="handleClick('github')">GitHub</Button>
-                                </Col>
-                            </Row>
-                        </div>
-                    </div>
-                </Col>
-                <Col span="12">
-                    <div style="margin-top: 30px">
-                        <Carousel dots="outside" :height="height">
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-1.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-2.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-3.png">
-                                </div>
-                            </Carousel-item>
-                            <Carousel-item class="cli-item">
-                                <div class="cli-carousel" :style="{height: height + 'px'}">
-                                    <img src="../images/cli-4.png">
-                                </div>
-                            </Carousel-item>
-                        </Carousel>
-                    </div>
-                </Col>
-            </Row>
-        </div>
-    </div>
-</template>
-<script>
-    import navMenu from '../components/menu.vue'
-    import Util from '../libs/util';
-
-    export default {
-        components: { navMenu },
-        data () {
-            return {
-                height: 0,
-                activeKey: 'cli'
-            };
-        },
-        computed: {
-
-        },
-        methods: {
-            getHeight () {
-                this.height = parseInt(Util.getStyle(this.$refs.cli, 'height')) - 100;
-            },
-            handleClick (type, bit) {
-                if (type === 'mac') {
-                    window.open('https://pan.baidu.com/s/1gfCiXpD');
-                } else if (type === 'windows') {
-                    if (bit === 64) {
-                        window.open('https://pan.baidu.com/s/1o7JgdXC');
-                    } else if (bit === 32) {
-                        window.open('https://pan.baidu.com/s/1nvvbSQd');
-                    }
-                } else if (type === 'linux') {
-                    if (bit === 64) {
-                        window.open('https://pan.baidu.com/s/1b1T9Cy');
-                    } else if (bit === 32) {
-                        window.open('https://pan.baidu.com/s/1hshEPDi');
-                    }
-                } else if (type === 'github') {
-                    window.open('https://github.com/iview/iview-cli');
-                }
-            }
-        },
-        mounted () {
-            this.getHeight();
-        }
-    };
-</script>
\ No newline at end of file
diff --git a/src/views/index-new-year.vue b/src/views/index-new-year.vue
deleted file mode 100755
index 5613a3a..0000000
--- a/src/views/index-new-year.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<style scoped lang="less">
-    @import "../styles/index-2018.less";
-</style>
-<style>
-    .index-version .ivu-badge-count {
-        box-shadow: none;
-        right: 0;
-        top: -3px;
-        color: #f50;
-        background: transparent;
-    }
-    .fire {
-        width: 3px;
-        height: 30px;
-        background: white;
-        position: absolute;top:100%;
-    }
-    .spark {
-        position: absolute;
-        width: 10px;
-        height: 10px;
-        border-radius: 50%;
-    }
-</style>
-<template>
-    <div>
-        <div class="index">
-            <div class="bg"><span></span></div>
-            <Row type="flex" justify="center" align="middle" style="position: relative;z-index: 3">
-                <i-col span="24">
-                    <h2>
-                        <canvasText key="canvas1" cid="canvas1" content="新年快乐" v-show="index % 2 !== 0"></canvasText>
-                        <canvasText key="canvas2" cid="canvas2" content="iView UI"
-                                    v-show="index % 2 === 0"></canvasText>
-                    </h2>
-                    <div class="list">
-                        <Button size="large" shape="circle" type="primary" style="min-width: 130px" icon="ios-keypad"
-                                @click="handleStart">
-                            <template v-if="lang === 'zh-CN'">开始使用</template>
-                            <template v-else>Getting Started</template>
-                        </Button>
-                        <Button size="large" shape="circle" type="success" style="min-width: 130px" icon="social-github"
-                                @click="handleGithub">GitHub
-                        </Button>
-                    </div>
-                </i-col>
-            </Row>
-        </div>
-        <canvas id="indexLizi"></canvas>
-        <div class="index-lang">
-            <span @click="handleChangeLang">
-                <template v-if="lang === 'zh-CN'">EN</template>
-                <template v-else>中文</template>
-            </span>
-        </div>
-        <!--<div class="index-logo-new-year">-->
-        <!--<img src="../images/logo-doc-2018.png">-->
-        <!--</div>-->
-    </div>
-</template>
-<script>
-    import bus from '../../src/components/bus';
-    import canvasText from '../../src/components/canvas-text.vue';
-
-    (function(a,b){function bf(a,b,c,d){bf._super_.call(this),this.reset(a,b,c,d)}function be(a,b,c,d){be._super_.call(this),this.x=a,this.y=b,this.width=c,this.height=d}function bd(a,b){bd._super_.call(this),this.x=a,this.y=b}function bc(a,b,c){bc._super_.call(this),this.x=a,this.y=b,this.radius=c,this.angle=0,this.center={x:this.x,y:this.y}}function bb(a,b,d,e,f){bb._super_.call(this),d-a>=0?(this.x1=a,this.y1=b,this.x2=d,this.y2=e):(this.x1=d,this.y1=e,this.x2=a,this.y2=b),this.dx=this.x2-this.x1,this.dy=this.y2-this.y1,this.minx=Math.min(this.x1,this.x2),this.miny=Math.min(this.y1,this.y2),this.maxx=Math.max(this.x1,this.x2),this.maxy=Math.max(this.y1,this.y2),this.dot=this.x2*this.y1-this.x1*this.y2,this.xxyy=this.dx*this.dx+this.dy*this.dy,this.gradient=this.getGradient(),this.length=this.getLength(),this.direction=c.Util.initValue(f,">")}function ba(){this.vector=new c.Vector2D(0,0),this.random=0,this.crossType="dead",this.alert=!0}function _(a,b){_._super_.call(this,a,b),this.gl=this.element.getContext("experimental-webgl",{antialias:!0,stencil:!1,depth:!1}),this.gl||alert("Sorry your browser do not suppest WebGL!"),this.initVar(),this.setMaxRadius(),this.initShaders(),this.initBuffers(),this.gl.blendEquation(this.gl.FUNC_ADD),this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA),this.gl.enable(this.gl.BLEND)}function $(a,b,c){$._super_.call(this,a,b),this.context=this.element.getContext("2d"),this.imageData=null,this.rectangle=null,this.rectangle=c,this.createImageData(c)}function Z(a,b){Z._super_.call(this,a,b),this.stroke=null,this.context=this.element.getContext("2d"),this.bufferCache={}}function Y(a,b,c){Y._super_.call(this,a,b),this.stroke=c}function X(a,b){X._super_.call(this,a,b),this.stroke=null}function W(a,b,c){this.proton=a,this.element=b,this.stroke=c}function V(a,b,d){this.element=d,this.type=c.Util.initValue(a,"canvas"),this.proton=b,this.renderer=this.getRenderer()}function T(b,d,e){this.mouseTarget=c.Util.initValue(b,a),this.ease=c.Util.initValue(d,.7),this._allowEmitting=!1,this.initEventHandler(),T._super_.call(this,e)}function S(a){this.selfBehaviours=[],S._super_.call(this,a)}function R(a){this.initializes=[],this.particles=[],this.behaviours=[],this.emitTime=0,this.emitTotalTimes=-1,this.damping=.006,this.bindEmitter=!0,this.rate=new c.Rate(1,.1),R._super_.call(this,a),this.id="emitter_"+R.ID++}function Q(a,b,d,e){Q._super_.call(this,d,e),this.distanceVec=new c.Vector2D,this.centerPoint=c.Util.initValue(a,new c.Vector2D),this.force=c.Util.initValue(this.normalizeValue(b),100),this.name="GravityWell"}function P(a,b,c,d){P._super_.call(this,c,d),this.reset(a,b),this.name="Color"}function O(a,b,c,d,e){O._super_.call(this,d,e),this.reset(a,b,c),this.name="Rotate"}function N(a,b,c,d){N._super_.call(this,c,d),this.reset(a,b),this.name="Scale"}function M(a,b,c,d){M._super_.call(this,c,d),this.reset(a,b),this.name="Alpha"}function L(a,b,c,d){L._super_.call(this,c,d),this.reset(a,b),this.name="CrossZone"}function K(a,b,c,d,e){K._super_.call(this,d,e),this.reset(a,b,c),this.name="Collision"}function J(a,b,c){J._super_.call(this,0,a,b,c),this.name="Gravity"}function I(a,b,c,d,e){I._super_.call(this,a,b,c,d,e),this.force*=-1,this.name="Repulsion"}function H(a,b,c,d,e){H._super_.call(this,d,e),this.reset(a,b,c),this.time=0,this.name="RandomDrift"}function G(a,b,d,e,f){G._super_.call(this,e,f),this.targetPosition=c.Util.initValue(a,new c.Vector2D),this.radius=c.Util.initValue(d,1e3),this.force=c.Util.initValue(this.normalizeValue(b),100),this.radiusSq=this.radius*this.radius,this.attractionForce=new c.Vector2D,this.lengthSq=0,this.name="Attraction"}function F(a,b,d,e){F._super_.call(this,d,e),this.force=this.normalizeForce(new c.Vector2D(a,b)),this.name="Force"}function E(a,b,d){E._super_.call(this),this.image=this.setSpanValue(a),this.w=c.Util.initValue(b,20),this.h=c.Util.initValue(d,this.w)}function D(a,b,d){D._super_.call(this),this.radius=c.Util.setSpanValue(a,b,d)}function C(a,b,d){C._super_.call(this),this.massPan=c.Util.setSpanValue(a,b,d)}function B(a,b,d){B._super_.call(this),this.rPan=c.Util.setSpanValue(a),this.thaPan=c.Util.setSpanValue(b),this.type=c.Util.initValue(d,"vector")}function A(a){A._super_.call(this),this.zone=c.Util.initValue(a,new c.PointZone)}function z(a,b,d){z._super_.call(this),this.lifePan=c.Util.setSpanValue(a,b,d)}function x(){}function w(a,b){this.numPan=c.Util.initValue(a,1),this.timePan=c.Util.initValue(b,1),this.numPan=c.Util.setSpanValue(this.numPan),this.timePan=c.Util.setSpanValue(this.timePan),this.startTime=0,this.nextTime=0,this.init()}function v(a,b){this.id="Behaviour_"+v.id++,this.life=c.Util.initValue(a,Infinity),this.easing=c.ease.setEasingByName(b),this.age=0,this.energy=1,this.dead=!1,this.parents=[],this.name="Behaviour"}function t(a,b,c,d){this.x=a,this.y=b,this.width=c,this.height=d,this.bottom=this.y+this.height,this.right=this.x+this.width}function s(a){c.Util.isArray(a)?this.colorArr=a:this.colorArr=[a]}function r(a,b,d){this.isArray=!1,c.Util.isArray(a)?(this.isArray=!0,this.a=a):(this.a=c.Util.initValue(a,1),this.b=c.Util.initValue(b,this.a),this.center=c.Util.initValue(d,!1))}function l(a,b){this.proParticleCount=c.Util.initValue(a,0),this.releaseTime=c.Util.initValue(b,-1),this.poolList=[],this.timeoutID=0;for(var d=0;d<this.proParticleCount;d++)this.add();this.releaseTime>0&&(this.timeoutID=setTimeout(this.release,this.releaseTime/1e3))}function k(a){this.id="particle_"+k.ID++,this.reset(!0),c.Util.setPrototypeByObject(this,a)}function j(){this.mats=[],this.size=0;for(var a=0;a<20;a++)this.mats.push(c.Mat3.create([0,0,0,0,0,0,0,0,0]))}function f(a){this.type="null",this.particle=null,this.emitter=null,this.particles=[],c.Util.setPrototypeByObject(this,a)}function d(){this.initialize()}function c(a,b){this.proParticleCount=c.Util.initValue(a,c.POOL_MAX),this.integrationType=c.Util.initValue(b,c.EULER),this.emitters=[],this.renderers=[],this.time=0,this.oldTime=0,c.pool=new c.ParticlePool(this.proParticleCount),c.integrator=new c.NumericalIntegration(this.integrationType)}c.POOL_MAX=1e3,c.TIME_STEP=60,c.MEASURE=100,c.EULER="euler",c.RK2="runge-kutta2",c.RK4="runge-kutta4",c.VERLET="verlet",c.PARTICLE_CREATED="partilcleCreated",c.PARTICLE_UPDATE="partilcleUpdate",c.PARTICLE_SLEEP="particleSleep",c.PARTICLE_DEAD="partilcleDead",c.PROTON_UPDATE="protonUpdate",c.PROTON_UPDATE_AFTER="protonUpdateAfter",c.EMITTER_ADDED="emitterAdded",c.EMITTER_REMOVED="emitterRemoved",c.amendChangeTabsBug=!0,c.TextureBuffer={},c.TextureCanvasBuffer={},c.prototype={addRender:function(a){a.proton=this,this.renderers.push(a.proton)},addEmitter:function(a){this.emitters.push(a),a.parent=this,this.dispatchEvent(new c.Event({type:c.EMITTER_ADDED,emitter:a}))},removeEmitter:function(a){var b=this.emitters.indexOf(a);this.emitters.splice(b,1),a.parent=null,this.dispatchEvent(new c.Event({type:c.EMITTER_REMOVED,emitter:a}))},update:function(){this.dispatchEvent(new c.Event({type:c.PROTON_UPDATE})),this.oldTime||(this.oldTime=(new Date).getTime());var a=(new Date).getTime();this.elapsed=(a-this.oldTime)/1e3,c.amendChangeTabsBug&&this.amendChangeTabsBug(),this.oldTime=a;if(this.elapsed>0)for(var b=0;b<this.emitters.length;b++)this.emitters[b].update(this.elapsed);this.dispatchEvent(new c.Event({type:c.PROTON_UPDATE_AFTER}))},amendChangeTabsBug:function(){this.elapsed>.5&&(this.oldTime=(new Date).getTime(),this.elapsed=0)},getParticleNumber:function(){var a=0;for(var b=0;b<this.emitters.length;b++)a+=this.emitters[b].particles.length;return a},destory:function(){for(var a=0;a<this.emitters.length;a++)this.emitters[a].destory(),delete this.emitters[a];this.emitters=[],this.time=0,this.oldTime=0,c.pool.release()}},a.Proton=c;var e=d.prototype;d.initialize=function(a){a.addEventListener=e.addEventListener,a.removeEventListener=e.removeEventListener,a.removeAllEventListeners=e.removeAllEventListeners,a.hasEventListener=e.hasEventListener,a.dispatchEvent=e.dispatchEvent},e._listeners=null,e.initialize=function(){},e.addEventListener=function(a,b){var c=this._listeners;c?this.removeEventListener(a,b):c=this._listeners={};var d=c[a];d||(d=c[a]=[]),d.push(b);return b},e.removeEventListener=function(a,b){var c=this._listeners;if(!!c){var d=c[a];if(!d)return;for(var e=0,f=d.length;e<f;e++)if(d[e]==b){f==1?delete c[a]:d.splice(e,1);break}}},e.removeAllEventListeners=function(a){a?this._listeners&&delete this._listeners[a]:this._listeners=null},e.dispatchEvent=function(a,b){var c=!1,d=this._listeners;if(a&&d){typeof a=="string"&&(a={type:a});var e=d[a.type];if(!e)return c;a.target=b||this,e=e.slice();for(var f=0,g=e.length;f<g;f++){var h=e[f];h.handleEvent?c=c||h.handleEvent(a):c=c||h(a)}}return!!c},e.hasEventListener=function(a){var b=this._listeners;return!!b&&!!b[a]},c.EventDispatcher=d,c.EventDispatcher.initialize(c.prototype),f.PARTICLE_CREATED=c.PARTICLE_CREATED,f.PARTICLE_UPDATA=c.PARTICLE_UPDATA,f.PARTICLE_SLEEP=c.PARTICLE_SLEEP,f.PARTICLE_DEAD=c.PARTICLE_DEAD,c.Event=f;var g=g||{initValue:function(a,c){var a=a!=null&&a!=b?a:c;return a},isArray:function(a){return typeof a=="object"&&a.hasOwnProperty("length")},destroyArray:function(a){a.length=0},destroyObject:function(a){for(var b in a)delete a[b]},getVector2D:function(a,b){if(typeof a=="object")return a;var d=new c.Vector2D(a,b);return d},judgeVector2D:function(a){var b="";if(a.hasOwnProperty("x")||a.hasOwnProperty("y")||a.hasOwnProperty("p")||a.hasOwnProperty("position"))b+="p";if(a.hasOwnProperty("vx")||a.hasOwnProperty("vx")||a.hasOwnProperty("v")||a.hasOwnProperty("velocity"))b+="v";if(a.hasOwnProperty("ax")||a.hasOwnProperty("ax")||a.hasOwnProperty("a")||a.hasOwnProperty("accelerate"))b+="a";return b},setVector2DByObject:function(a,b){b.hasOwnProperty("x")&&(a.p.x=b.x),b.hasOwnProperty("y")&&(a.p.y=b.y),b.hasOwnProperty("vx")&&(a.v.x=b.vx),b.hasOwnProperty("vy")&&(a.v.y=b.vy),b.hasOwnProperty("ax")&&(a.a.x=b.ax),b.hasOwnProperty("ay")&&(a.a.y=b.ay),b.hasOwnProperty("p")&&particle.p.copy(b.p),b.hasOwnProperty("v")&&particle.v.copy(b.v),b.hasOwnProperty("a")&&particle.a.copy(b.a),b.hasOwnProperty("position")&&particle.p.copy(b.position),b.hasOwnProperty("velocity")&&particle.v.copy(b.velocity),b.hasOwnProperty("accelerate")&&particle.a.copy(b.accelerate)},addPrototypeByObject:function(a,b,d){for(var e in b)d?d.indexOf(e)<0&&(a[e]=c.Util.getSpanValue(b[e])):a[e]=c.Util.getSpanValue(b[e]);return a},setPrototypeByObject:function(a,b,d){for(var e in b)a.hasOwnProperty(e)&&(d?d.indexOf(e)<0&&(a[e]=c.Util.getSpanValue(b[e])):a[e]=c.Util.getSpanValue(b[e]));return a},setSpanValue:function(a,b,d){return a instanceof c.Span?a:b?d?new c.Span(a,b,d):new c.Span(a,b):new c.Span(a)},getSpanValue:function(a){return a instanceof c.Span?a.getValue():a},inherits:function(a,b){a._super_=b;if(Object.create)a.prototype=Object.create(b.prototype,{constructor:{value:b}});else{var c=function(){};c.prototype=b.prototype,a.prototype=new c,a.prototype.constructor=a}},getImageData:function(a,b,c){a.drawImage(b,c.x,c.y);var d=a.getImageData(c.x,c.y,c.width,c.height);a.clearRect(c.x,c.y,c.width,c.height);return d},getImage:function(a,b,c,d){typeof a=="string"?this.loadAndSetImage(a,b,c,d):typeof a=="object"?this.loadAndSetImage(a.src,b,c,d):a instanceof Image&&this.loadedImage(a.src,b,c,d,a)},loadedImage:function(a,b,d,e,f){b.target=f,b.transform.src=a,c.TextureBuffer[a]||(c.TextureBuffer[a]=b.target);if(d)if(c.TextureCanvasBuffer[a])b.transform.canvas=c.TextureCanvasBuffer[a];else{var g=c.WebGLUtil.nhpot(b.target.width),h=c.WebGLUtil.nhpot(b.target.height);b.transform.canvas=c.DomUtil.createCanvas("canvas"+a,g,h);var i=b.transform.canvas.getContext("2d");i.drawImage(b.target,0,0,b.target.width,b.target.height),c.TextureCanvasBuffer[a]=b.transform.canvas}e&&e(b)},loadAndSetImage:function(a,b,d,e){if(c.TextureBuffer[a])this.loadedImage(a,b,d,e,c.TextureBuffer[a]);else{var f=this,g=new Image;g.onload=function(c){f.loadedImage(a,b,d,e,c.target)},g.src=a}},hexToRGB:function(a){var b=a.charAt(0)=="#"?a.substring(1,7):a,c=parseInt(b.substring(0,2),16),d=parseInt(b.substring(2,4),16),e=parseInt(b.substring(4,6),16);return{r:c,g:d,b:e}},rgbToHex:function(a){return"rgb("+a.r+", "+a.g+", "+a.b+")"}};c.Util=g;var h=h||{ipot:function(a){return(a&a-1)==0},nhpot:function(a){--a;for(var b=1;b<32;b<<=1)a=a|a>>b;return a+1},makeTranslation:function(a,b){return[1,0,0,0,1,0,a,b,1]},makeRotation:function(a){var b=Math.cos(a),c=Math.sin(a);return[b,-c,0,c,b,0,0,0,1]},makeScale:function(a,b){return[a,0,0,0,b,0,0,0,1]},matrixMultiply:function(a,b){var c=a[0],d=a[1],e=a[2],f=a[3],g=a[4],h=a[5],i=a[6],j=a[7],k=a[8],l=b[0],m=b[1],n=b[2],o=b[3],p=b[4],q=b[5],r=b[6],s=b[7],t=b[8];return[c*l+d*o+e*r,c*m+d*p+e*s,c*n+d*q+e*t,f*l+g*o+h*r,f*m+g*p+h*s,f*n+g*q+h*t,i*l+j*o+k*r,i*m+j*p+k*s,i*n+j*q+k*t]}};c.WebGLUtil=h;var i=i||{createCanvas:function(a,b,c,d){var e=document.createElement("canvas"),f=d?d:"absolute";e.id=a,e.width=b,e.height=c,e.style.position=f,e.style.opacity=0,this.transformDom(e,-500,-500,0,0);return e},transformDom:function(a,b,c,d,e){a.style.WebkitTransform="translate("+b+"px, "+c+"px) "+"scale("+d+") "+"rotate("+e+"deg)",a.style.MozTransform="translate("+b+"px, "+c+"px) "+"scale("+d+") "+"rotate("+e+"deg)",a.style.OTransform="translate("+b+"px, "+c+"px) "+"scale("+d+") "+"rotate("+e+"deg)",a.style.msTransform="translate("+b+"px, "+c+"px) "+"scale("+d+") "+"rotate("+e+"deg)",a.style.transform="translate("+b+"px, "+c+"px) "+"scale("+d+") "+"rotate("+e+"deg)"}};c.DomUtil=i,j.prototype.set=function(a,b){b==0?c.Mat3.set(a,this.mats[0]):c.Mat3.multiply(this.mats[b-1],a,this.mats[b]),this.size=Math.max(this.size,b+1)},j.prototype.push=function(a){this.size==0?c.Mat3.set(a,this.mats[0]):c.Mat3.multiply(this.mats[this.size-1],a,this.mats[this.size]),this.size++},j.prototype.pop=function(){this.size>0&&this.size--},j.prototype.top=function(){return this.mats[this.size-1]},c.MStack=j,k.ID=0,k.prototype={getDirection:function(){return Math.atan2(this.v.x,-this.v.y)*(180/Math.PI)},reset:function(a){this.life=Infinity,this.age=0,this.energy=1,this.dead=!1,this.sleep=!1,this.target=null,this.sprite=null,this.parent=null,this.mass=1,this.radius=10,this.alpha=1,this.scale=1,this.rotation=0,this.color=null,this.easing=c.ease.setEasingByName(c.easeLinear),a?(this.transform={},this.p=new c.Vector2D,this.v=new c.Vector2D,this.a=new c.Vector2D,this.old={p:new c.Vector2D,v:new c.Vector2D,a:new c.Vector2D},this.behaviours=[]):(c.Util.destroyObject(this.transform),this.p.set(0,0),this.v.set(0,0),this.a.set(0,0),this.old.p.set(0,0),this.old.v.set(0,0),this.old.a.set(0,0),this.removeAllBehaviours()),this.transform.rgb={r:255,g:255,b:255};return this},update:function(a,b){if(!this.sleep){this.age+=a;var c=this.behaviours.length,d;for(d=0;d<c;d++)this.behaviours[d]&&this.behaviours[d].applyBehaviour(this,a,b)}if(this.age>=this.life)this.destory();else{var e=this.easing(this.age/this.life);this.energy=Math.max(1-e,0)}},addBehaviour:function(a){this.behaviours.push(a),a.hasOwnProperty("parents")&&a.parents.push(this),a.initialize(this)},addBehaviours:function(a){var b=a.length,c;for(c=0;c<b;c++)this.addBehaviour(a[c])},removeBehaviour:function(a){var b=this.behaviours.indexOf(a);if(b>-1){var a=this.behaviours.splice(b,1);a.parents=null}},removeAllBehaviours:function(){c.Util.destroyArray(this.behaviours)},destory:function(){this.removeAllBehaviours(),this.energy=0,this.dead=!0,this.parent=null}},c.Particle=k,l.prototype={create:function(a){return a?new newTypeParticle:new c.Particle},getCount:function(){return this.poolList.length},add:function(){return this.poolList.push(this.create())},get:function(){return this.poolList.length===0?this.create():this.poolList.pop().reset()},set:function(a){if(this.poolList.length<c.POOL_MAX)return this.poolList.push(a)},release:function(){for(var a=0;a<this.poolList.length;a++)this.poolList[a].destory&&this.poolList[a].destory(),delete this.poolList[a];this.poolList=[]}},c.ParticlePool=l;var m={randomAToB:function(a,b,c){return c?Math.floor(Math.random()*(b-a))+a:a+Math.random()*(b-a)},randomFloating:function(a,b,c){return m.randomAToB(a-b,a+b,c)},randomZone:function(a){},degreeTransform:function(a){return a*Math.PI/180},toColor16:function(a){return"#"+a.toString(16)},randomColor:function(){return"#"+("00000"+(Math.random()*16777216<<0).toString(16)).slice(-6)}};c.MathUtils=m;var o=function(a){this.type=c.Util.initValue(a,c.EULER)};o.prototype={integrate:function(a,b,c){this.eulerIntegrate(a,b,c)},eulerIntegrate:function(a,b,c){a.sleep||(a.old.p.copy(a.p),a.old.v.copy(a.v),a.a.multiplyScalar(1/a.mass),a.v.add(a.a.multiplyScalar(b)),a.p.add(a.old.v.multiplyScalar(b)),c&&a.v.multiplyScalar(c),a.a.clear())}},c.NumericalIntegration=o;var p=function(a,b){this.x=a||0,this.y=b||0};p.prototype={set:function(a,b){this.x=a,this.y=b;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;default:throw new Error("index is out of range: "+a)}},getGradient:function(){if(this.x!=0)return Math.atan2(this.y,this.x);if(this.y>0)return Math.PI/2;if(this.y<0)return-Math.PI/2},getComponent:function(a){switch(a){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+a)}},copy:function(a){this.x=a.x,this.y=a.y;return this},add:function(a,c){if(c!==b)return this.addVectors(a,c);this.x+=a.x,this.y+=a.y;return this},addXY:function(a,b){this.x+=a,this.y+=b;return this},addVectors:function(a,b){this.x=a.x+b.x,this.y=a.y+b.y;return this},addScalar:function(a){this.x+=a,this.y+=a;return this},sub:function(a,c){if(c!==b)return this.subVectors(a,c);this.x-=a.x,this.y-=a.y;return this},subVectors:function(a,b){this.x=a.x-b.x,this.y=a.y-b.y;return this},multiplyScalar:function(a){this.x*=a,this.y*=a;return this},divideScalar:function(a){a!==0?(this.x/=a,this.y/=a):this.set(0,0);return this},min:function(a){this.x>a.x&&(this.x=a.x),this.y>a.y&&(this.y=a.y);return this},max:function(a){this.x<a.x&&(this.x=a.x),this.y<a.y&&(this.y=a.y);return this},clamp:function(a,b){this.x<a.x?this.x=a.x:this.x>b.x&&(this.x=b.x),this.y<a.y?this.y=a.y:this.y>b.y&&(this.y=b.y);return this},negate:function(){return this.multiplyScalar(-1)},dot:function(a){return this.x*a.x+this.y*a.y},lengthSq:function(){return this.x*this.x+this.y*this.y},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y)},normalize:function(){return this.divideScalar(this.length())},distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},rotate:function(a){var b=this.x,c=this.y;this.x=b*Math.cos(a)+c*Math.sin(a),this.y=-b*Math.sin(a)+c*Math.cos(a);return this},distanceToSquared:function(a){var b=this.x-a.x,c=this.y-a.y;return b*b+c*c},setLength:function(a){var b=this.length();b!==0&&a!==b&&this.multiplyScalar(a/b);return this},lerp:function(a,b){this.x+=(a.x-this.x)*b,this.y+=(a.y-this.y)*b;return this},equals:function(a){return a.x===this.x&&a.y===this.y},toArray:function(){return[this.x,this.y]},clear:function(){this.x=0,this.y=0;return this},clone:function(){return new c.Vector2D(this.x,this.y)}},c.Vector2D=p;var q=function(a,b){this.r=Math.abs(a)||0,this.tha=b||0};q.prototype={set:function(a,b){this.r=a,this.tha=b;return this},setR:function(a){this.r=a;return this},setTha:function(a){this.tha=a;return this},copy:function(a){this.r=a.r,this.tha=a.tha;return this},toVector:function(){return new c.Vector2D(this.getX(),this.getY())},getX:function(){return this.r*Math.sin(this.tha)},getY:function(){return-this.r*Math.cos(this.tha)},normalize:function(){this.r=1;return this},equals:function(a){return a.r===this.r&&a.tha===this.tha},toArray:function(){return[this.r,this.tha]},clear:function(){this.r=0,this.tha=0;return this},clone:function(){return new c.Polar2D(this.r,this.tha)}},c.Polar2D=q,r.prototype={getValue:function(a){return this.isArray?this.a[Math.floor(this.a.length*Math.random())]:this.center?c.MathUtils.randomFloating(this.a,this.b,a):c.MathUtils.randomAToB(this.a,this.b,a)}},c.Span=r,c.getSpan=function(a,b,d){return new c.Span(a,b,d)},c.Util.inherits(s,c.Span),s.prototype.getValue=function(){var a=this.colorArr[Math.floor(this.colorArr.length*Math.random())];return a=="random"||a=="Random"?c.MathUtils.randomColor():a},c.ColorSpan=s,t.prototype={contains:function(a,b){return a<=this.right&&a>=this.x&&b<=this.bottom&&b>=this.y?!0:!1}},c.Rectangle=t;var u=u||{create:function(a){var b=new Float32Array(9);a&&this.set(a,b);return b},set:function(a,b){for(var c=0;c<9;c++)b[c]=a[c];return b},multiply:function(a,b,c){var d=a[0],e=a[1],f=a[2],g=a[3],h=a[4],i=a[6],j=a[7],k=b[0],l=b[1],m=b[2],n=b[3],o=b[4],p=b[6],q=b[7];c[0]=k*d+l*g,c[1]=k*e+l*h,c[2]=f*m,c[3]=n*d+o*g,c[4]=n*e+o*h,c[6]=p*d+q*g+i,c[7]=p*e+q*h+j;return c},inverse:function(a,b){var c=a[0],d=a[1],e=a[3],f=a[4],g=a[6],h=a[7],i=f,j=-e,k=h*e-f*g,l=c*i+d*j,m;m=1/l,b[0]=i*m,b[1]=-d*m,b[3]=j*m,b[4]=c*m,b[6]=k*m,b[7]=(-h*c+d*g)*m;return b},multiplyVec2:function(a,b,c){var d=b[0],e=b[1];c[0]=d*a[0]+e*a[3]+a[6],c[1]=d*a[1]+e*a[4]+a[7];return c}};c.Mat3=u,v.id=0,v.prototype={reset:function(a,b){this.life=c.Util.initValue(a,Infinity),this.easing=c.Util.initValue(b,c.ease.setEasingByName(c.easeLinear))},normalizeForce:function(a){return a.multiplyScalar(c.MEASURE)},normalizeValue:function(a){return a*c.MEASURE},initialize:function(a){},applyBehaviour:function(a,b,c){this.age+=b;if(this.age>=this.life||this.dead)this.energy=0,this.dead=!0,this.destory();else{var d=this.easing(a.age/a.life);this.energy=Math.max(1-d,0)}},destory:function(){var a,b=this.parents.length,c;for(c=0;c<b;c++)this.parents[c].removeBehaviour(this);this.parents=[]}},c.Behaviour=v,w.prototype={init:function(){this.startTime=0,this.nextTime=this.timePan.getValue()},getValue:function(a){this.startTime+=a;if(this.startTime>=this.nextTime){this.startTime=0,this.nextTime=this.timePan.getValue();return this.numPan.b==1?this.numPan.getValue(!1)>.5?1:0:this.numPan.getValue(!0)}return 0}},c.Rate=w,x.prototype.reset=function(){},x.prototype.init=function(a,b){b?this.initialize(b):this.initialize(a)},x.prototype.initialize=function(a){},c.Initialize=x;var y={initialize:function(a,b,d){var e=d.length,f;for(f=0;f<e;f++)d[f]instanceof c.Initialize?d[f].init(a,b):c.InitializeUtil.init(a,b,d[f]);c.InitializeUtil.bindEmitter(a,b)},init:function(a,b,d){c.Util.setPrototypeByObject(b,d),c.Util.setVector2DByObject(b,d)},bindEmitter:function(a,b){a.bindEmitter&&(b.p.add(a.p),b.v.add(a.v),b.a.add(a.a),b.v.rotate(c.MathUtils.degreeTransform(a.rotation)))}};c.InitializeUtil=y,c.Util.inherits(z,c.Initialize),z.prototype.initialize=function(a){this.lifePan.a==Infinity?a.life=Infinity:a.life=this.lifePan.getValue()},c.Life=z,c.Util.inherits(A,c.Initialize),A.prototype.reset=function(a){this.zone=c.Util.initValue(a,new c.PointZone)},A.prototype.initialize=function(a){this.zone.getPosition(),a.p.x=this.zone.vector.x,a.p.y=this.zone.vector.y},c.Position=A,c.P=A,c.Util.inherits(B,c.Initialize),B.prototype.reset=function(a,b,d){this.rPan=c.Util.setSpanValue(a),this.thaPan=c.Util.setSpanValue(b),this.type=c.Util.initValue(d,"vector")},B.prototype.normalizeVelocity=function(a){return a*c.MEASURE},B.prototype.initialize=function(a){if(this.type=="p"||this.type=="P"||this.type=="polar"){var b=new c.Polar2D(this.normalizeVelocity(this.rPan.getValue()),this.thaPan.getValue()*Math.PI/180);a.v.x=b.getX(),a.v.y=b.getY()}else a.v.x=this.normalizeVelocity(this.rPan.getValue()),a.v.y=this.normalizeVelocity(this.thaPan.getValue())},c.Velocity=B,c.V=B,c.Util.inherits(C,c.Initialize),C.prototype.initialize=function(a){a.mass=this.massPan.getValue()},c.Mass=C,c.Util.inherits(D,c.Initialize),D.prototype.reset=function(a,b,d){this.radius=c.Util.setSpanValue(a,b,d)},D.prototype.initialize=function(a){a.radius=this.radius.getValue(),a.transform.oldRadius=a.radius},c.Radius=D,c.Util.inherits(E,c.Initialize),E.prototype.initialize=function(a){var b=this.image.getValue();typeof b=="string"?a.target={width:this.w,height:this.h,src:b}:a.target=b},E.prototype.setSpanValue=function(a){return a instanceof c.ColorSpan?a:new c.ColorSpan(a)},c.ImageTarget=E,c.Util.inherits(F,c.Behaviour),F.prototype.reset=function(a,b,d,e){this.force=this.normalizeForce(new c.Vector2D(a,b)),d&&F._super_.prototype.reset.call(this,d,e)},F.prototype.applyBehaviour=function(a,b,c){F._super_.prototype.applyBehaviour.call(this,a,b,c),a.a.add(this.force)},c.Force=F,c.F=F,c.Util.inherits(G,c.Behaviour),G.prototype.reset=function(a,b,d,e,f){this.targetPosition=c.Util.initValue(a,new c.Vector2D),this.radius=c.Util.initValue(d,1e3),this.force=c.Util.initValue(this.normalizeValue(b),100),this.radiusSq=this.radius*this.radius,this.attractionForce=new c.Vector2D,this.lengthSq=0,e&&G._super_.prototype.reset.call(this,e,f)},G.prototype.applyBehaviour=function(a,b,c){G._super_.prototype.applyBehaviour.call(this,a,b,c),this.attractionForce.copy(this.targetPosition),this.attractionForce.sub(a.p),this.lengthSq=this.attractionForce.lengthSq(),this.lengthSq>4e-6&&this.lengthSq<this.radiusSq&&(this.attractionForce.normalize(),this.attractionForce.multiplyScalar(1-this.lengthSq/this.radiusSq),this.attractionForce.multiplyScalar(this.force),a.a.add(this.attractionForce))},c.Attraction=G,c.Util.inherits(H,c.Behaviour),H.prototype.reset=function(a,b,d,e,f){this.panFoce=new c.Vector2D(a,b),this.panFoce=this.normalizeForce(this.panFoce),this.delay=d,e&&H._super_.prototype.reset.call(this,e,f)},H.prototype.applyBehaviour=function(a,b,d){H._super_.prototype.applyBehaviour.call(this,a,b,d),this.time+=b,this.time>=this.delay&&(a.a.addXY(c.MathUtils.randomAToB(-this.panFoce.x,this.panFoce.x),c.MathUtils.randomAToB(-this.panFoce.y,this.panFoce.y)),this.time=0)},c.RandomDrift=H,c.Util.inherits(I,c.Attraction),I.prototype.reset=function(a,b,c,d,e){I._super_.prototype.reset.call(this,a,b,c,d,e),this.force*=-1},c.Repulsion=I,c.Util.inherits(J,c.Force),J.prototype.reset=function(a,b,c){J._super_.prototype.reset.call(this,0,a,b,c)},c.Gravity=J,c.G=J,c.Util.inherits(K,c.Behaviour),K.prototype.reset=function(a,b,d,e,f){this.emitter=c.Util.initValue(a,null),this.mass=c.Util.initValue(b,!0),this.callback=c.Util.initValue(d,null),this.collisionPool=[],this.delta=new c.Vector2D,e&&K._super_.prototype.reset.call(this,e,f)},K.prototype.applyBehaviour=function(a,b,c){var d=this.emitter?this.emitter.particles.slice(c):this.pool.slice(c),e,f,g,h,i,j=d.length;for(var k=0;k<j;k++)e=d[k],e!==a&&(this.delta.copy(e.p),this.delta.sub(a.p),f=this.delta.lengthSq(),distance=a.radius+e.radius,f<=distance*distance&&(g=distance-Math.sqrt(f),g+=.5,totalMass=a.mass+e.mass,h=this.mass?e.mass/totalMass:.5,i=this.mass?a.mass/totalMass:.5,a.p.add(this.delta.clone().normalize().multiplyScalar(g*-h)),e.p.add(this.delta.normalize().multiplyScalar(g*i)),this.callback&&this.callback(a,e)))},c.Collision=K,c.Util.inherits(L,c.Behaviour),L.prototype.reset=function(a,b,d,e){this.zone=a,this.zone.crossType=c.Util.initValue(b,"dead"),d&&L._super_.prototype.reset.call(this,d,e)},L.prototype.applyBehaviour=function(a,b,c){L._super_.prototype.applyBehaviour.call(this,a,b,c),this.zone.crossing(a)},c.CrossZone=L,c.Util.inherits(M,c.Behaviour),M.prototype.reset=function(a,d,e,f){d==null||d==b?this.same=!0:this.same=!1,this.a=c.Util.setSpanValue(c.Util.initValue(a,1)),this.b=c.Util.setSpanValue(d),e&&M._super_.prototype.reset.call(this,e,f)},M.prototype.initialize=function(a){a.transform.alphaA=this.a.getValue(),this.same?a.transform.alphaB=a.transform.alphaA:a.transform.alphaB=this.b.getValue()},M.prototype.applyBehaviour=function(a,b,c){M._super_.prototype.applyBehaviour.call(this,a,b,c),a.alpha=a.transform.alphaB+(a.transform.alphaA-a.transform.alphaB)*this.energy,a.alpha<.001&&(a.alpha=0)},c.Alpha=M,c.Util.inherits(N,c.Behaviour),N.prototype.reset=function(a,d,e,f){d==null||d==b?this.same=!0:this.same=!1,this.a=c.Util.setSpanValue(c.Util.initValue(a,1)),this.b=c.Util.setSpanValue(d),e&&N._super_.prototype.reset.call(this,e,f)},N.prototype.initialize=function(a){a.transform.scaleA=this.a.getValue(),a.transform.oldRadius=a.radius,this.same?a.transform.scaleB=a.transform.scaleA:a.transform.scaleB=this.b.getValue()},N.prototype.applyBehaviour=function(a,b,c){N._super_.prototype.applyBehaviour.call(this,a,b,c),a.scale=a.transform.scaleB+(a.transform.scaleA-a.transform.scaleB)*this.energy,a.scale<1e-4&&(a.scale=0),a.radius=a.transform.oldRadius*a.scale},c.Scale=N,c.Util.inherits(O,c.Behaviour),O.prototype.reset=function(a,d,e,f,g){d==null||d==b?this.same=!0:this.same=!1,this.a=c.Util.setSpanValue(c.Util.initValue(a,"Velocity")),this.b=c.Util.setSpanValue(c.Util.initValue(d,0)),this.style=c.Util.initValue(e,"to"),f&&O._super_.prototype.reset.call(this,f,g)},O.prototype.initialize=function(a){a.rotation=this.a.getValue(),a.transform.rotationA=this.a.getValue(),this.same||(a.transform.rotationB=this.b.getValue())},O.prototype.applyBehaviour=function(a,b,c){O._super_.prototype.applyBehaviour.call(this,a,b,c);if(!this.same)this.style=="to"||this.style=="TO"||this.style=="_"?a.rotation+=a.transform.rotationB+(a.transform.rotationA-a.transform.rotationB)*this.energy:a.rotation+=a.transform.rotationB;else if(this.a.a=="V"||this.a.a=="Velocity"||this.a.a=="v")a.rotation=a.getDirection()},c.Rotate=O,c.Util.inherits(P,c.Behaviour),P.prototype.reset=function(a,b,c,d){this.color1=this.setSpanValue(a),this.color2=this.setSpanValue(b),c&&P._super_.prototype.reset.call(this,c,d)},P.prototype.initialize=function(a){a.color=this.color1.getValue(),a.transform.beginRGB=c.Util.hexToRGB(a.color),this.color2&&(a.transform.endRGB=c.Util.hexToRGB(this.color2.getValue()))},P.prototype.applyBehaviour=function(a,b,c){this.color2?(P._super_.prototype.applyBehaviour.call(this,a,b,c),a.transform.rgb.r=a.transform.endRGB.r+(a.transform.beginRGB.r-a.transform.endRGB.r)*this.energy,a.transform.rgb.g=a.transform.endRGB.g+(a.transform.beginRGB.g-a.transform.endRGB.g)*this.energy,a.transform.rgb.b=a.transform.endRGB.b+(a.transform.beginRGB.b-a.transform.endRGB.b)*this.energy,a.transform.rgb.r=parseInt(a.transform.rgb.r,10),a.transform.rgb.g=parseInt(a.transform.rgb.g,10),a.transform.rgb.b=parseInt(a.transform.rgb.b,10)):(a.transform.rgb.r=a.transform.beginRGB.r,a.transform.rgb.g=a.transform.beginRGB.g,a.transform.rgb.b=a.transform.beginRGB.b)},P.prototype.setSpanValue=function(a){return a?a instanceof c.ColorSpan?a:new c.ColorSpan(a):null},c.Color=P,c.Util.inherits(Q,c.Behaviour),Q.prototype.reset=function(a,b,d,e){this.distanceVec=new c.Vector2D,this.centerPoint=c.Util.initValue(a,new c.Vector2D),this.force=c.Util.initValue(this.normalizeValue(b),100),d&&Q._super_.prototype.reset.call(this,d,e)},Q.prototype.initialize=function(a){},Q.prototype.applyBehaviour=function(a,b,c){this.distanceVec.set(this.centerPoint.x-a.p.x,this.centerPoint.y-a.p.y);var d=this.distanceVec.lengthSq();if(d!=0){var e=this.distanceVec.length(),f=this.force*b/(d*e);a.v.x+=f*this.distanceVec.x,a.v.y+=f*this.distanceVec.y}},c.GravityWell=Q,R.ID=0,c.Util.inherits(R,c.Particle),c.EventDispatcher.initialize(R.prototype),R.prototype.emit=function(a,b){this.emitTime=0,this.emitTotalTimes=c.Util.initValue(a,Infinity),b==!0||b=="life"||b=="destroy"?a=="once"?this.life=1:this.life=this.emitTotalTimes:isNaN(b)||(this.life=b),this.rate.init()},R.prototype.stopEmit=function(){this.emitTotalTimes=-1,this.emitTime=0},R.prototype.removeAllParticles=function(){for(var a=0;a<this.particles.length;a++)this.particles[a].dead=!0},R.prototype.createParticle=function(a,b){var d=c.pool.get();this.setupParticle(d,a,b),this.dispatchEvent(new c.Event({type:c.PARTICLE_CREATED,particle:d}));return d},R.prototype.addSelfInitialize=function(a){a.init?a.init(this):this.initAll()},R.prototype.addInitialize=function(){var a=arguments.length,b;for(b=0;b<a;b++)this.initializes.push(arguments[b])},R.prototype.removeInitialize=function(a){var b=this.initializes.indexOf(a);b>-1&&this.initializes.splice(b,1)},R.prototype.removeInitializers=function(){c.Util.destroyArray(this.initializes)},R.prototype.addBehaviour=function(){var a=arguments.length,b;for(b=0;b<a;b++)this.behaviours.push(arguments[b]),arguments[b].hasOwnProperty("parents")&&arguments[b].parents.push(this)},R.prototype.removeBehaviour=function(a){var b=this.behaviours.indexOf(a);b>-1&&this.behaviours.splice(b,1)},R.prototype.removeAllBehaviours=function(){c.Util.destroyArray(this.behaviours)},R.prototype.integrate=function(a){var b=1-this.damping;c.integrator.integrate(this,a,b);var d=this.particles.length,e;for(e=0;e<d;e++){var f=this.particles[e];f.update(a,e),c.integrator.integrate(f,a,b),this.dispatchEvent(new c.Event({type:c.PARTICLE_UPDATE,particle:f}))}},R.prototype.emitting=function(a){if(this.emitTotalTimes=="once"){var b=this.rate.getValue(99999),c;for(c=0;c<b;c++)this.createParticle();this.emitTotalTimes="none"}else if(!isNaN(this.emitTotalTimes)){this.emitTime+=a;if(this.emitTime<this.emitTotalTimes){var b=this.rate.getValue(a),c;for(c=0;c<b;c++)this.createParticle()}}},R.prototype.update=function(a){this.age+=a,(this.age>=this.life||this.dead)&&this.destroy(),this.emitting(a),this.integrate(a);var b,d=this.particles.length,e;for(e=d-1;e>=0;e--)b=this.particles[e],b.dead&&(c.pool.set(b),this.particles.splice(e,1),this.dispatchEvent(new c.Event({type:c.PARTICLE_DEAD,particle:b})))},R.prototype.setupParticle=function(a,b,d){var e=this.initializes,f=this.behaviours;b&&(b instanceof Array?e=b:e=[b]),d&&(d instanceof Array?f=d:f=[d]),c.InitializeUtil.initialize(this,a,e),a.addBehaviours(f),a.parent=this,this.particles.push(a)},R.prototype.destroy=function(){this.dead=!0,this.emitTotalTimes=-1,this.particles.length==0&&(this.removeInitializers(),this.removeAllBehaviours(),this.parent&&this.parent.removeEmitter(this))},c.Emitter=R,c.Util.inherits(S,c.Emitter),S.prototype.addSelfBehaviour=function(){var a=arguments.length,b;for(b=0;b<a;b++)this.selfBehaviours.push(arguments[b])},S.prototype.removeSelfBehaviour=function(a){var b=this.selfBehaviours.indexOf(a);b>-1&&this.selfBehaviours.splice(b,1)},S.prototype.update=function(a){S._super_.prototype.update.call(this,a);if(!this.sleep){var b=this.selfBehaviours.length,c;for(c=0;c<b;c++)this.selfBehaviours[c].applyBehaviour(this,a,c)}},c.BehaviourEmitter=S,c.Util.inherits(T,c.Emitter),T.prototype.initEventHandler=function(){var a=this;this.mousemoveHandler=function(b){a.mousemove.call(a,b)},this.mousedownHandler=function(b){a.mousedown.call(a,b)},this.mouseupHandler=function(b){a.mouseup.call(a,b)},this.mouseTarget.addEventListener("mousemove",this.mousemoveHandler,!1)},T.prototype.emit=function(){this._allowEmitting=!0},T.prototype.stopEmit=function(){this._allowEmitting=!1},T.prototype.mousemove=function(a){if(a.layerX||a.layerX==0)this.p.x+=(a.layerX-this.p.x)*this.ease,this.p.y+=(a.layerY-this.p.y)*this.ease;else if(a.offsetX||a.offsetX==0)this.p.x+=(a.offsetX-this.p.x)*this.ease,this.p.y+=(a.offsetY-this.p.y)*this.ease;this._allowEmitting&&T._super_.prototype.emit.call(this,"once")},T.prototype.destroy=function(){T._super_.prototype.destroy.call(this),this.mouseTarget.removeEventListener("mousemove",this.mousemoveHandler,!1)},c.FollowEmitter=T;var U=U||{easeLinear:function(a){return a},easeInQuad:function(a){return Math.pow(a,2)},easeOutQuad:function(a){return-(Math.pow(a-1,2)-1)},easeInOutQuad:function(a){if((a/=.5)<1)return.5*Math.pow(a,2);return-0.5*((a-=2)*a-2)},easeInCubic:function(a){return Math.pow(a,3)},easeOutCubic:function(a){return Math.pow(a-1,3)+1},easeInOutCubic:function(a){if((a/=.5)<1)return.5*Math.pow(a,3);return.5*(Math.pow(a-2,3)+2)},easeInQuart:function(a){return Math.pow(a,4)},easeOutQuart:function(a){return-(Math.pow(a-1,4)-1)},easeInOutQuart:function(a){if((a/=.5)<1)return.5*Math.pow(a,4);return-0.5*((a-=2)*Math.pow(a,3)-2)},easeInSine:function(a){return-Math.cos(a*(Math.PI/2))+1},easeOutSine:function(a){return Math.sin(a*(Math.PI/2))},easeInOutSine:function(a){return-0.5*(Math.cos(Math.PI*a)-1)},easeInExpo:function(a){return a===0?0:Math.pow(2,10*(a-1))},easeOutExpo:function(a){return a===1?1:-Math.pow(2,-10*a)+1},easeInOutExpo:function(a){if(a===0)return 0;if(a===1)return 1;if((a/=.5)<1)return.5*Math.pow(2,10*(a-1));return.5*(-Math.pow(2,-10*--a)+2)},easeInCirc:function(a){return-(Math.sqrt(1-a*a)-1)},easeOutCirc:function(a){return Math.sqrt(1-Math.pow(a-1,2))},easeInOutCirc:function(a){if((a/=.5)<1)return-0.5*(Math.sqrt(1-a*a)-1);return.5*(Math.sqrt(1-(a-=2)*a)+1)},easeInBack:function(a){var b=1.70158;return a*a*((b+1)*a-b)},easeOutBack:function(a){var b=1.70158;return(a=a-1)*a*((b+1)*a+b)+1},easeInOutBack:function(a){var b=1.70158;if((a/=.5)<1)return.5*a*a*(((b*=1.525)+1)*a-b);return.5*((a-=2)*a*(((b*=1.525)+1)*a+b)+2)},setEasingByName:function(a){switch(a){case"easeLinear":return c.ease.easeLinear;case"easeInQuad":return c.ease.easeInQuad;case"easeOutQuad":return c.ease.easeOutQuad;case"easeInOutQuad":return c.ease.easeInOutQuad;case"easeInCubic":return c.ease.easeInCubic;case"easeOutCubic":return c.ease.easeOutCubic;case"easeInOutCubic":return c.ease.easeInOutCubic;case"easeInQuart":return c.ease.easeInQuart;case"easeOutQuart":return c.ease.easeOutQuart;case"easeInOutQuart":return c.ease.easeInOutQuart;case"easeInSine":return c.ease.easeInSine;case"easeOutSine":return c.ease.easeOutSine;case"easeInOutSine":return c.ease.easeInOutSine;case"easeInExpo":return c.ease.easeInExpo;case"easeOutExpo":return c.ease.easeOutExpo;case"easeInOutExpo":return c.ease.easeInOutExpo;case"easeInCirc":return c.ease.easeInCirc;case"easeOutCirc":return c.ease.easeOutCirc;case"easeInOutCirc":return c.ease.easeInOutCirc;case"easeInBack":return c.ease.easeInBack;case"easeOutBack":return c.ease.easeOutBack;case"easeInOutBack":return c.ease.easeInOutBack;default:return c.ease.easeLinear}}};c.ease=U,c.easeLinear="easeLinear",c.easeInQuad="easeInQuad",c.easeOutQuad="easeOutQuad",c.easeInOutQuad="easeInOutQuad",c.easeInCubic="easeInCubic",c.easeOutCubic="easeOutCubic",c.easeInOutCubic="easeInOutCubic",c.easeInQuart="easeInQuart",c.easeOutQuart="easeOutQuart",c.easeInOutQuart="easeInOutQuart",c.easeInSine="easeInSine",c.easeOutSine="easeOutSine",c.easeInOutSine="easeInOutSine",c.easeInExpo="easeInExpo",c.easeOutExpo="easeOutExpo",c.easeInOutExpo="easeInOutExpo",c.easeInCirc="easeInCirc",c.easeOutCirc="easeOutCirc",c.easeInOutCirc="easeInOutCirc",c.easeInBack="easeInBack",c.easeOutBack="easeOutBack",c.easeInOutBack="easeInOutBack",V.prototype={start:function(){this.addEventHandler(),this.renderer.start()},stop:function(){this.renderer.stop()},resize:function(a,b){this.renderer.resize(a,b)},setStroke:function(a,b){this.renderer.hasOwnProperty("stroke")?this.renderer.setStroke(a,b):alert("Sorry this renderer do not suppest stroke method!")},createImageData:function(a){this.renderer instanceof c.PixelRender&&this.renderer.createImageData(a)},setMaxRadius:function(a){this.renderer instanceof c.WebGLRender&&this.renderer.setMaxRadius(a)},blendEquation:function(a){this.renderer instanceof c.WebGLRender&&this.renderer.blendEquation(a)},blendFunc:function(a,b){this.renderer instanceof c.WebGLRender&&this.renderer.blendFunc(a,b)},setType:function(a){this.type=a,this.renderer=this.getRenderer()},getRenderer:function(){switch(this.type){case"dom":return new c.DomRender(this.proton,this.element);case"canvas":return new c.CanvasRender(this.proton,this.element);case"webgl":return new c.WebGLRender(this.proton,this.element);case"easel":return new c.EaselRender(this.proton,this.element);case"easeljs":return new c.EaselRender(this.proton,this.element);case"pixel":return new c.PixelRender(this.proton,this.element);default:return new c.BaseRender(this.proton,this.element)}},render:function(a){this.renderer.render(a)},addEventHandler:function(){this.onProtonUpdate&&(this.renderer.onProtonUpdate=this.onProtonUpdate),this.onParticleCreated&&(this.renderer.onParticleCreated=this.onParticleCreated),this.onParticleUpdate&&(this.renderer.onParticleUpdate=this.onParticleUpdate),this.onParticleDead&&(this.renderer.onParticleDead=this.onParticleDead)}},c.Renderer=V,W.prototype={start:function(){var a=this;this.proton.addEventListener(c.PROTON_UPDATE,function(b){a.onProtonUpdate.call(a)}),this.proton.addEventListener(c.PROTON_UPDATE_AFTER,function(b){a.onProtonUpdateAfter.call(a)}),this.proton.addEventListener(c.EMITTER_ADDED,function(b){a.onEmitterAdded.call(a,b.emitter)}),this.proton.addEventListener(c.EMITTER_REMOVED,function(b){a.onEmitterRemoved.call(a,b.emitter)});var b=this.proton.emitters.length,d;for(d=0;d<b;d++){var e=this.proton.emitters[d];this.addEmitterListener(e)}},resize:function(a,b){},addEmitterListener:function(a){var b=this;a.addEventListener(c.PARTICLE_CREATED,function(a){b.onParticleCreated.call(b,a.particle)}),a.addEventListener(c.PARTICLE_UPDATE,function(a){b.onParticleUpdate.call(b,a.particle)}),a.addEventListener(c.PARTICLE_DEAD,function(a){b.onParticleDead.call(b,a.particle)})},stop:function(){var a=this.proton.emitters.length,b;this.proton.removeAllEventListeners();for(b=0;b<a;b++){var c=this.proton.emitters[b];c.removeAllEventListeners()}},onEmitterAdded:function(a){this.addEmitterListener(a)},onEmitterRemoved:function(a){a.removeAllEventListeners()},onProtonUpdate:function(){},onProtonUpdateAfter:function(){},onParticleCreated:function(a){},onParticleUpdate:function(a){},onParticleDead:function(a){}},c.BaseRender=W,c.Util.inherits(X,c.BaseRender),X.prototype.start=function(){X._super_.prototype.start.call(this)},X.prototype.setStroke=function(a,b){a=c.Util.initValue(a,"#000000"),b=c.Util.initValue(b,1),this.stroke={color:a,thinkness:b}},X.prototype.onProtonUpdate=function(){},X.prototype.onParticleCreated=function(a){if(a.target){var b=this;c.Util.getImage(a.target,a,!1,function(a){b.setImgInDIV.call(b,a)})}else a.transform.canvas=c.DomUtil.createCanvas(a.id+"_canvas",a.radius+1,a.radius+1,"absolute"),a.transform.bakOldRadius=a.radius,this.stroke?(a.transform.canvas.width=2*a.radius+this.stroke.thinkness*2,a.transform.canvas.height=2*a.radius+this.stroke.thinkness*2):(a.transform.canvas.width=2*a.radius+1,a.transform.canvas.height=2*a.radius+1),a.transform.context=a.transform.canvas.getContext("2d"),a.transform.context.fillStyle=a.color,a.transform.context.beginPath(),a.transform.context.arc(a.radius,a.radius,a.radius,0,Math.PI*2,!0),this.stroke&&(a.transform.context.strokeStyle=this.stroke.color,a.transform.context.lineWidth=this.stroke.thinkness,a.transform.context.stroke()),a.transform.context.closePath(),a.transform.context.fill(),this.element.appendChild(a.transform.canvas)},X.prototype.onParticleUpdate=function(a){a.target?a.target instanceof Image&&(a.transform.canvas.style.opacity=a.alpha,c.DomUtil.transformDom(a.transform.canvas,a.p.x-a.target.width/2,a.p.y-a.target.height/2,a.scale,a.rotation)):(a.transform.canvas.style.opacity=a.alpha,a.transform.oldRadius?c.DomUtil.transformDom(a.transform.canvas,a.p.x-a.transform.oldRadius,a.p.y-a.transform.oldRadius,a.scale,a.rotation):c.DomUtil.transformDom(a.transform.canvas,a.p.x-a.transform.bakOldRadius,a.p.y-a.transform.bakOldRadius,a.scale,a.rotation))},X.prototype.onParticleDead=function(a){a.transform.canvas&&this.element.removeChild(a.transform.canvas)},X.prototype.setImgInDIV=function(a){a.transform.canvas=c.DomUtil.createCanvas(a.id+"_canvas",a.target.width+1,a.target.height+1,"absolute",a.p.x-a.radius,a.p.y-a.radius),a.transform.context=a.transform.canvas.getContext("2d"),a.transform.context.drawImage(a.target,0,0,a.target.width,a.target.height),this.element.appendChild(a.transform.canvas)},c.DomRender=X,c.Util.inherits(Y,c.BaseRender),Y.prototype.resize=function(a,b){},Y.prototype.start=function(){Y._super_.prototype.start.call(this)},Y.prototype.onProtonUpdate=function(){},Y.prototype.onParticleCreated=function(a){if(a.target)a.target=a.target.clone(),a.target.parent||(!a.target.image||(a.target.regX=a.target.image.width/2,a.target.regY=a.target.image.height/2),this.element.addChild(a.target));else{var b=new createjs.Graphics;this.stroke&&(this.stroke==!0?b.beginStroke("#000000"):this.stroke instanceof String&&b.beginStroke(this.stroke)),b.beginFill(a.color).drawCircle(0,0,a.radius);var c=new createjs.Shape(b);a.target=c,this.element.addChild(a.target)}},Y.prototype.onParticleUpdate=function(a){a.target&&(a.target.x=a.p.x,a.target.y=a.p.y,a.target.alpha=a.alpha,a.target.scaleX=a.target.scaleY=a.scale,a.target.rotation=a.rotation)},Y.prototype.onParticleDead=function(a){a.target&&a.target.parent&&a.target.parent.removeChild(a.target)},c.EaselRender=Y,c.Util.inherits(Z,c.BaseRender),Z.prototype.resize=function(a,b){this.element.width=a,this.element.height=b},Z.prototype.start=function(){Z._super_.prototype.start.call(this)},Z.prototype.setStroke=function(a,b){a=c.Util.initValue(a,"#000000"),b=c.Util.initValue(b,1),this.stroke={color:a,thinkness:b}},Z.prototype.onProtonUpdate=function(){this.context.clearRect(0,0,this.element.width,this.element.height)},Z.prototype.onParticleCreated=function(a){a.target?c.Util.getImage(a.target,a,!1):a.color=a.color?a.color:"#ff0000"},Z.prototype.onParticleUpdate=function(a){if(a.target){if(a.target instanceof Image){var b=a.target.width*a.scale|0,d=a.target.height*a.scale|0,e=a.p.x-b/2,f=a.p.y-d/2;if(!a.color)this.context.save(),this.context.globalAlpha=a.alpha,this.context.translate(a.p.x,a.p.y),this.context.rotate(c.MathUtils.degreeTransform(a.rotation)),this.context.translate(-a.p.x,-a.p.y),this.context.drawImage(a.target,0,0,a.target.width,a.target.height,e,f,b,d),this.context.globalAlpha=1,this.context.restore();else{a.transform.buffer||(a.transform.buffer=this.getBuffer(a.target));var g=a.transform.buffer.getContext("2d");g.clearRect(0,0,a.transform.buffer.width,a.transform.buffer.height),g.globalAlpha=a.alpha,g.drawImage(a.target,0,0),g.globalCompositeOperation="source-atop",g.fillStyle=c.Util.rgbToHex(a.transform.rgb),g.fillRect(0,0,a.transform.buffer.width,a.transform.buffer.height),g.globalCompositeOperation="source-over",g.globalAlpha=1,this.context.drawImage(a.transform.buffer,0,0,a.transform.buffer.width,a.transform.buffer.height,e,f,b,d)}}}else a.transform.rgb?this.context.fillStyle="rgba("+a.transform.rgb.r+","+a.transform.rgb.g+","+a.transform.rgb.b+","+a.alpha+")":this.context.fillStyle=a.color,this.context.beginPath(),this.context.arc(a.p.x,a.p.y,a.radius,0,Math.PI*2,!0),this.stroke&&(this.context.strokeStyle=this.stroke.color,this.context.lineWidth=this.stroke.thinkness,this.context.stroke()),this.context.closePath(),this.context.fill()},Z.prototype.onParticleDead=function(a){},Z.prototype.getBuffer=function(a){if(a instanceof Image){var b=a.width+"_"+a.height,c=this.bufferCache[b];c||(c=document.createElement("canvas"),c.width=a.width,c.height=a.height,this.bufferCache[b]=c);return c}},c.CanvasRender=Z,c.Util.inherits($,c.BaseRender),$.prototype.resize=function(a,b){this.element.width=a,this.element.height=b},$.prototype.createImageData=function(a){a?this.rectangle=a:this.rectangle=new c.Rectangle(0,0,this.element.width,this.element.height),this.imageData=this.context.createImageData(this.rectangle.width,this.rectangle.height),this.context.putImageData(this.imageData,this.rectangle.x,this.rectangle.y)},$.prototype.start=function(){$._super_.prototype.start.call(this)},$.prototype.onProtonUpdate=function(){this.context.clearRect(this.rectangle.x,this.rectangle.y,this.rectangle.width,this.rectangle.height),this.imageData=this.context.getImageData(this.rectangle.x,this.rectangle.y,this.rectangle.width,this.rectangle.height)},$.prototype.onProtonUpdateAfter=function(){this.context.putImageData(this.imageData,this.rectangle.x,this.rectangle.y)},$.prototype.onParticleCreated=function(a){},$.prototype.onParticleUpdate=function(a){this.imageData&&this.setPixel(this.imageData,Math.floor(a.p.x-this.rectangle.x),Math.floor(a.p.y-this.rectangle.y),a)},$.prototype.setPixel=function(a,b,c,d){var e=d.transform.rgb;if(!(b<0||b>this.element.width||c<0||c>this.elementwidth)){var f=((c>>0)*a.width+(b>>0))*4;a.data[f]=e.r,a.data[f+1]=e.g,a.data[f+2]=e.b,a.data[f+3]=d.alpha*255}},$.prototype.onParticleDead=function(a){},c.PixelRender=$,c.Util.inherits(_,c.BaseRender),_.prototype.resize=function(a,b){this.umat[4]=-2,this.umat[7]=1,this.smat[0]=1/a,this.smat[4]=1/b,this.mstack.set(this.umat,0),this.mstack.set(this.smat,1),this.gl.viewport(0,0,a,b),this.element.width=a,this.element.height=b},_.prototype.setMaxRadius=function(a){this.circleCanvasURL=this.createCircle(a)},_.prototype.getVertexShader=function(){var a=["uniform vec2 viewport;","attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","uniform mat3 tMat;","varying vec2 vTextureCoord;","varying float alpha;","void main() {","vec3 v = tMat * vec3(aVertexPosition, 1.0);","gl_Position = vec4(v.x, v.y, 0, 1);","vTextureCoord = aTextureCoord;","alpha = tMat[0][2];","}"].join("\n");return a},_.prototype.getFragmentShader=function(){var a=["precision mediump float;","varying vec2 vTextureCoord;","varying float alpha;","uniform sampler2D uSampler;","uniform vec4 color;","uniform bool useTexture;","uniform vec3 uColor;","void main() {","vec4 textureColor = texture2D(uSampler, vTextureCoord);","gl_FragColor = textureColor * vec4(uColor, 1.0);","gl_FragColor.w *= alpha;","}"].join("\n");return a},_.prototype.initVar=function(){this.mstack=new c.MStack,this.umat=c.Mat3.create([2,0,1,0,-2,0,-1,1,1]),this.smat=c.Mat3.create([.01,0,1,0,.01,0,0,0,1]),this.texturebuffers={}},_.prototype.start=function(){_._super_.prototype.start.call(this),this.resize(this.element.width,this.element.height)},_.prototype.blendEquation=function(a){this.gl.blendEquation(this.gl[a])},_.prototype.blendFunc=function(a,b){this.gl.blendFunc(this.gl[a],this.gl[b])},_.prototype.getShader=function(a,b,c){var d;c?d=a.createShader(a.FRAGMENT_SHADER):d=a.createShader(a.VERTEX_SHADER),a.shaderSource(d,b),a.compileShader(d);if(!a.getShaderParameter(d,a.COMPILE_STATUS)){alert(a.getShaderInfoLog(d));return null}return d},_.prototype.initShaders=function(){var a=this.getShader(this.gl,this.getFragmentShader(),!0),b=this.getShader(this.gl,this.getVertexShader(),!1);this.sprogram=this.gl.createProgram(),this.gl.attachShader(this.sprogram,b),this.gl.attachShader(this.sprogram,a),this.gl.linkProgram(this.sprogram),this.gl.getProgramParameter(this.sprogram,this.gl.LINK_STATUS)||alert("Could not initialise shaders"),this.gl.useProgram(this.sprogram),this.sprogram.vpa=this.gl.getAttribLocation(this.sprogram,"aVertexPosition"),this.sprogram.tca=this.gl.getAttribLocation(this.sprogram,"aTextureCoord"),this.gl.enableVertexAttribArray(this.sprogram.tca),this.gl.enableVertexAttribArray(this.sprogram.vpa),this.sprogram.tMatUniform=this.gl.getUniformLocation(this.sprogram,"tMat"),this.sprogram.samplerUniform=this.gl.getUniformLocation(this.sprogram,"uSampler"),this.sprogram.useTex=this.gl.getUniformLocation(this.sprogram,"useTexture"),this.sprogram.color=this.gl.getUniformLocation(this.sprogram,"uColor"),this.gl.uniform1i(this.sprogram.useTex,1)},_.prototype.initBuffers=function(){this.unitIBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,this.unitIBuffer);var a=[0,3,1,0,2,3];this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,new Uint16Array(a),this.gl.STATIC_DRAW);var b=[];for(var c=0;c<100;c++)b.push(c);idx=new Uint16Array(b),this.unitI33=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,this.unitI33),this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,idx,this.gl.STATIC_DRAW),b=[];for(c=0;c<100;c++)b.push(c,c+1,c+2);idx=new Uint16Array(b),this.stripBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,this.stripBuffer),this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,idx,this.gl.STATIC_DRAW)},_.prototype.createCircle=function(a){this.circleCanvasRadius=c.WebGLUtil.nhpot(c.Util.initValue(a,32));var b=c.DomUtil.createCanvas("circle_canvas",this.circleCanvasRadius*2,this.circleCanvasRadius*2),d=b.getContext("2d");d.beginPath(),d.arc(this.circleCanvasRadius,this.circleCanvasRadius,this.circleCanvasRadius,0,Math.PI*2,!0),d.closePath(),d.fillStyle="#FFF",d.fill();return b.toDataURL()},_.prototype.setImgInCanvas=function(a){var b=a.target.width,d=a.target.height,e=c.WebGLUtil.nhpot(a.target.width),f=c.WebGLUtil.nhpot(a.target.height),g=a.target.width/e,h=a.target.height/f;this.texturebuffers[a.transform.src]||(this.texturebuffers[a.transform.src]=[this.gl.createTexture(),this.gl.createBuffer(),this.gl.createBuffer()]),a.transform.texture=this.texturebuffers[a.transform.src][0],a.transform.vcBuffer=this.texturebuffers[a.transform.src][1],a.transform.tcBuffer=this.texturebuffers[a.transform.src][2],this.gl.bindBuffer(this.gl.ARRAY_BUFFER,a.transform.tcBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([0,0,g,0,0,h,h,h]),this.gl.STATIC_DRAW),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,a.transform.vcBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([0,0,b,0,0,d,b,d]),this.gl.STATIC_DRAW);var i=a.transform.canvas.getContext("2d"),j=i.getImageData(0,0,e,f);this.gl.bindTexture(this.gl.TEXTURE_2D,a.transform.texture),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,j),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,this.gl.LINEAR_MIPMAP_NEAREST),this.gl.generateMipmap(this.gl.TEXTURE_2D),a.transform.textureLoaded=!0,a.transform.textureWidth=b,a.transform.textureHeight=d},_.prototype.setStroke=function(a,b){},_.prototype.onProtonUpdate=function(){},_.prototype.onParticleCreated=function(a){var b=this;a.transform.textureLoaded=!1,a.transform.tmat=c.Mat3.create(),a.transform.tmat[8]=1,a.transform.imat=c.Mat3.create(),a.transform.imat[8]=1,a.target?c.Util.getImage(a.target,a,!0,function(a){b.setImgInCanvas.call(b,a),a.transform.oldScale=1}):c.Util.getImage(this.circleCanvasURL,a,!0,function(a){b.setImgInCanvas.call(b,a),a.transform.oldScale=a.radius/b.circleCanvasRadius})},_.prototype.onParticleUpdate=function(a){a.transform.textureLoaded&&(this.updateMatrix(a),this.gl.uniform3f(this.sprogram.color,a.transform.rgb.r/255,a.transform.rgb.g/255,a.transform.rgb.b/255),this.gl.uniformMatrix3fv(this.sprogram.tMatUniform,!1,this.mstack.top()),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,a.transform.vcBuffer),this.gl.vertexAttribPointer(this.sprogram.vpa,2,this.gl.FLOAT,!1,0,0),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,a.transform.tcBuffer),this.gl.vertexAttribPointer(this.sprogram.tca,2,this.gl.FLOAT,!1,0,0),this.gl.bindTexture(this.gl.TEXTURE_2D,a.transform.texture),this.gl.uniform1i(this.sprogram.samplerUniform,0),this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,this.unitIBuffer),this.gl.drawElements(this.gl.TRIANGLES,6,this.gl.UNSIGNED_SHORT,0),this.mstack.pop())},_.prototype.onParticleDead=function(a){},_.prototype.updateMatrix=function(a){var b=c.WebGLUtil.makeTranslation(-a.transform.textureWidth/2,-a.transform.textureHeight/2),d=c.WebGLUtil.makeTranslation(a.p.x,a.p.y),e=a.rotation*(Math.PI/180),f=c.WebGLUtil.makeRotation(e),g=a.scale*a.transform.oldScale,h=c.WebGLUtil.makeScale(g,g),i=c.WebGLUtil.matrixMultiply(b,h);i=c.WebGLUtil.matrixMultiply(i,f),i=c.WebGLUtil.matrixMultiply(i,d),c.Mat3.inverse(i,a.transform.imat),i[2]=a.alpha,this.mstack.push(i)},c.WebGLRender=_,ba.prototype={getPosition:function(){},crossing:function(a){}},c.Zone=ba,c.Util.inherits(bb,c.Zone),bb.prototype.getPosition=function(){this.random=Math.random(),this.vector.x=this.x1+this.random*this.length*Math.cos(this.gradient),this.vector.y=this.y1+this.random*this.length*Math.sin(this.gradient);return this.vector},bb.prototype.getDirection=function(a,b){var c=this.dy,d=-this.dx,e=this.dot,f=d==0?1:d;return(c*a+d*b+e)*f>0?!0:!1},bb.prototype.getDistance=function(a,b){var c=this.dy,d=-this.dx,e=this.dot,f=c*a+d*b+e;return f/Math.sqrt(this.xxyy)},bb.prototype.getSymmetric=function(a){var b=a.getGradient(),c=this.getGradient(),d=2*(c-b),e=a.x,f=a.y;a.x=e*Math.cos(d)-f*Math.sin(d),a.y=e*Math.sin(d)+f*Math.cos(d);return a},bb.prototype.getGradient=function(){return Math.atan2(this.dy,this.dx)},bb.prototype.getRange=function(a,b){var c=Math.abs(this.getGradient());c<=Math.PI/4?a.p.x<this.maxx&&a.p.x>this.minx&&b():a.p.y<this.maxy&&a.p.y>this.miny&&b()},bb.prototype.getLength=function(){return Math.sqrt(this.dx*this.dx+this.dy*this.dy)},bb.prototype.crossing=function(a){var b=this;this.crossType=="dead"?this.direction==">"||this.direction=="R"||this.direction=="right"||this.direction=="down"?this.getRange(a,function(){b.getDirection(a.p.x,a.p.y)&&(a.dead=!0)}):this.getRange(a,function(){b.getDirection(a.p.x,a.p.y)||(a.dead=!0)}):this.crossType=="bound"?this.getRange(a,function(){b.getDistance(a.p.x,a.p.y)<=a.radius&&(b.dx==0?a.v.x*=-1:b.dy==0?a.v.y*=-1:b.getSymmetric(a.v))}):this.crossType=="cross"&&this.alert&&(alert("Sorry lineZone does not support cross method"),this.alert=!1)},c.LineZone=bb,c.Util.inherits(bc,c.Zone),bc.prototype.getPosition=function(){this.random=Math.random(),this.angle=Math.PI*2*Math.random(),this.vector.x=this.x+this.random*this.radius*Math.cos(this.angle),this.vector.y=this.y+this.random*this.radius*Math.sin(this.angle);return this.vector},bc.prototype.setCenter=function(a,b){this.center.x=a,this.center.y=b},bc.prototype.crossing=function(a){var b=a.p.distanceTo(this.center);this.crossType=="dead"?b-a.radius>this.radius&&(a.dead=!0):this.crossType=="bound"?b+a.radius>=this.radius&&this.getSymmetric(a):this.crossType=="cross"&&this.alert&&(alert("Sorry CircleZone does not support cross method"),this.alert=!1)},bc.prototype.getSymmetric=function(a){var b=a.v.getGradient(),c=this.getGradient(a),d=2*(c-b),e=a.v.x,f=a.v.y;a.v.x=e*Math.cos(d)-f*Math.sin(d),a.v.y=e*Math.sin(d)+f*Math.cos(d)},bc.prototype.getGradient=function(a){return-Math.PI/2+Math.atan2(a.p.y-this.center.y,a.p.x-this.center.x)},c.CircleZone=bc,c.Util.inherits(bd,c.Zone),bd.prototype.getPosition=function(){this.vector.x=this.x,this.vector.y=this.y;return this.vector},bd.prototype.crossing=function(a){this.alert&&(alert("Sorry PointZone does not support crossing method"),this.alert=!1)},c.PointZone=bd,c.Util.inherits(be,c.Zone),be.prototype.getPosition=function(){this.vector.x=this.x+Math.random()*this.width,this.vector.y=this.y+Math.random()*this.height;return this.vector},be.prototype.crossing=function(a){this.crossType=="dead"?(a.p.x+a.radius<this.x?a.dead=!0:a.p.x-a.radius>this.x+this.width&&(a.dead=!0),a.p.y+a.radius<this.y?a.dead=!0:a.p.y-a.radius>this.y+this.height&&(a.dead=!0)):this.crossType=="bound"?(a.p.x-a.radius<this.x?(a.p.x=this.x+a.radius,a.v.x*=-1):a.p.x+a.radius>this.x+this.width&&(a.p.x=this.x+this.width-a.radius,a.v.x*=-1),a.p.y-a.radius<this.y?(a.p.y=this.y+a.radius,a.v.y*=-1):a.p.y+a.radius>this.y+this.height&&(a.p.y=this.y+this.height-a.radius,a.v.y*=-1)):this.crossType=="cross"&&(a.p.x+a.radius<this.x&&a.v.x<=0?a.p.x=this.x+this.width+a.radius:a.p.x-a.radius>this.x+this.width&&a.v.x>=0&&(a.p.x=this.x-a.radius),a.p.y+a.radius<this.y&&a.v.y<=0?a.p.y=this.y+this.height+a.radius:a.p.y-a.radius>this.y+this.height&&a.v.y>=0&&(a.p.y=this.y-a.radius))},c.RectZone=be,c.Util.inherits(bf,c.Zone),bf.prototype.reset=function(a,b,d,e){this.imageData=a,this.x=c.Util.initValue(b,0),this.y=c.Util.initValue(d,0),this.d=c.Util.initValue(e,2),this.vectors=[],this.setVectors()},bf.prototype.setVectors=function(){var a,b,c=this.imageData.width,d=this.imageData.height;for(a=0;a<c;a+=this.d)for(b=0;b<d;b+=this.d){var e=((b>>0)*c+(a>>0))*4;this.imageData.data[e+3]>0&&this.vectors.push({x:a+this.x,y:b+this.y})}return this.vector},bf.prototype.getBound=function(a,b){var c=((b>>0)*this.imageData.width+(a>>0))*4;return this.imageData.data[c+3]>0?!0:!1},bf.prototype.getPosition=function(){return this.vector.copy(this.vectors[Math.floor(Math.random()*this.vectors.length)])},bf.prototype.getColor=function(a,b){a-=this.x,b-=this.y;var c=((b>>0)*this.imageData.width+(a>>0))*4;return{r:this.imageData.data[c],g:this.imageData.data[c+1],b:this.imageData.data[c+2],a:this.imageData.data[c+3]}},bf.prototype.crossing=function(a){this.crossType=="dead"?this.getBound(a.p.x-this.x,a.p.y-this.y)?a.dead=!0:a.dead=!1:this.crossType=="bound"&&(this.getBound(a.p.x-this.x,a.p.y-this.y)||a.v.negate())},c.ImageZone=bf;var bg=function(){if(a.console&&a.console.log){var b=arguments;if(typeof arguments[0]=="string")if(arguments[0].indexOf("+")==0){var c=parseInt(arguments[0]);bg.once<c&&(delete b[0],console.log(b),bg.once++)}else console.log(b);else console.log(b)}};bg.once=0,c.log=bg;var bh=bh||{addEventListener:function(a,b){a.addEventListener(c.PROTON_UPDATE,function(a){b()})},setStyle:function(a){var b=a||"#ff0000",d=c.Util.hexToRGB(b),e="rgba("+d.r+","+d.g+","+d.b+","+.5+")";return e},drawZone:function(a,b,d,e){var f=b.getContext("2d"),g=this.setStyle();this.addEventListener(a,function(){e&&f.clearRect(0,0,b.width,b.height),d instanceof c.PointZone?(f.beginPath(),f.fillStyle=g,f.arc(d.x,d.y,10,0,Math.PI*2,!0),f.fill(),f.closePath()):d instanceof c.LineZone?(f.beginPath(),f.strokeStyle=g,f.moveTo(d.x1,d.y1),f.lineTo(d.x2,d.y2),f.stroke(),f.closePath()):d instanceof c.RectZone?(f.beginPath(),f.strokeStyle=g,f.drawRect(d.x,d.y,d.width,d.height),f.stroke(),f.closePath()):d instanceof c.CircleZone&&(f.beginPath(),f.strokeStyle=g,f.arc(d.x,d.y,d.radius,0,Math.PI*2,!0),f.stroke(),f.closePath())})},drawEmitter:function(a,b,c,d){var e=b.getContext("2d"),f=this.setStyle();this.addEventListener(a,function(){d&&e.clearRect(0,0,b.width,b.height),e.beginPath(),e.fillStyle=f,e.arc(c.p.x,c.p.y,10,0,Math.PI*2,!0),e.fill(),e.closePath()})},test:{},setTest:function(a,b){this.test[a]=b},getTest:function(a){return this.test.hasOwnProperty(a)?this.test[a]:!1}};c.Debug=bh})(window),function(){var a=0,b=["ms","moz","webkit","o"];for(var c=0;c<b.length&&!window.requestAnimationFrame;++c)window.requestAnimationFrame=window[b[c]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[b[c]+"CancelAnimationFrame"]||window[b[c]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(b,c){var d=(new Date).getTime(),e=Math.max(0,16-(d-a)),f=window.setTimeout(function(){b(d+e)},e);a=d+e;return f}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)})}()
-
-    var proton;
-
-    export default {
-        components: {canvasText},
-        data () {
-            return {
-                lang: this.$lang,
-                index: 0
-            }
-        },
-        computed: {
-            suffix () {
-                return this.lang === 'zh-CN' ? '' : '-en';
-            }
-        },
-        methods: {
-            handleChangeLang () {
-                const lang = this.lang === 'zh-CN' ? 'en-US' : 'zh-CN';
-                bus.$emit('on-change-lang', lang, '/');
-            },
-            nextIndex () {
-                if (this.timmer) clearTimeout(this.timmer);
-                this.index++;
-                this.timmer = setTimeout(() => {
-                    this.nextIndex();
-                }, 3000);
-            },
-            handleStart () {
-                this.$router.push('/docs/guide/install');
-            },
-            handleGithub () {
-                window.open('https://github.com/iview/iview');
-            }
-        },
-        mounted () {
-            this.lang = this.$lang;
-            this.nextIndex();
-
-            var bgcan = document.createElement('canvas');
-            var lighten = function (can) {
-
-                bgcan.width = can.width;
-                bgcan.height = can.height;
-                bgcan.getContext('2d').drawImage(can, 0, 0);
-                can.width = can.width;
-                // this is where you have to draw the image behind the fireworks again or erase the canvas that is positioned on top of the
-                can.getContext('2d').globalAlpha = 0.9;
-                can.getContext('2d').drawImage(bgcan, 0, 0);
-                can.getContext('2d').globalAlpha = 1;
-            };
-            var canvas;
-            var context;
-
-            var renderer;
-            var emitter;
-
-            Main();
-
-            function Main() {
-                canvas = document.getElementById("indexLizi");
-                canvas.width = window.innerWidth;
-                canvas.height = window.innerHeight;
-                context = canvas.getContext('2d');
-                //context.globalCompositeOperation = "lighter";
-
-                createProton();
-                tick();
-            }
-
-
-            function createProton(image) {
-                proton = new Proton;
-                emitter = new Proton.Emitter();
-                emitter.rate = new Proton.Rate(new Proton.Span(1, 3), 1);
-                emitter.addInitialize(new Proton.Mass(1));
-                emitter.addInitialize(new Proton.Radius(2, 4));
-                emitter.addInitialize(new Proton.P(new Proton.LineZone(10, canvas.height, canvas.width - 10, canvas.height)));
-                emitter.addInitialize(new Proton.Life(1, 1.5));
-                emitter.addInitialize(new Proton.V(new Proton.Span(4, 6), new Proton.Span(0, 0, true), 'polar'));
-                emitter.addBehaviour(new Proton.Gravity(1));
-                emitter.addBehaviour(new Proton.Color('#ff0000', 'random'));
-                emitter.emit();
-                proton.addEmitter(emitter);
-
-                renderer = new Proton.Renderer('canvas', proton, canvas);
-                renderer.onProtonUpdate = function () {
-                    lighten(context.canvas);
-                };
-                renderer.start();
-
-                ////NOTICE :you can only use two emitters do this effect.In this demo I use more emitters want to test the emtter's life
-                emitter.addEventListener(Proton.PARTICLE_DEAD, function (e) {
-                    if (Math.random() < .7) createFirstEmitter(e.particle);
-                    else createSecendEmitter(e.particle);
-                });
-            }
-
-            function createFirstEmitter(particle) {
-                var subemitter = new Proton.Emitter();
-                subemitter.rate = new Proton.Rate(new Proton.Span(250, 300), 1);
-                subemitter.addInitialize(new Proton.Mass(1));
-                subemitter.addInitialize(new Proton.Radius(1, 2));
-                subemitter.addInitialize(new Proton.Life(1, 3));
-                subemitter.addInitialize(new Proton.V(new Proton.Span(2, 4), new Proton.Span(0, 360), 'polar'));
-                subemitter.addBehaviour(new Proton.RandomDrift(10, 10, .05));
-                subemitter.addBehaviour(new Proton.Alpha(1, 0));
-                subemitter.addBehaviour(new Proton.Gravity(3));
-                var color = Math.random() > .3 ? Proton.MathUtils.randomColor() : 'random';
-                subemitter.addBehaviour(new Proton.Color(color));
-                subemitter.p.x = particle.p.x;
-                subemitter.p.y = particle.p.y;
-                subemitter.emit('once', true);
-                proton.addEmitter(subemitter);
-            }
-
-            function createSecendEmitter(particle) {
-                var subemitter = new Proton.Emitter();
-                subemitter.rate = new Proton.Rate(new Proton.Span(100, 120), 1);
-                subemitter.addInitialize(new Proton.Mass(1));
-                subemitter.addInitialize(new Proton.Radius(4, 8));
-                subemitter.addInitialize(new Proton.Life(1, 2));
-                subemitter.addInitialize(new Proton.V([1, 2], new Proton.Span(0, 360), 'polar'));
-                subemitter.addBehaviour(new Proton.Alpha(1, 0));
-                subemitter.addBehaviour(new Proton.Scale(1, .1));
-                subemitter.addBehaviour(new Proton.Gravity(1));
-                var color = Proton.MathUtils.randomColor();
-                subemitter.addBehaviour(new Proton.Color(color));
-                subemitter.p.x = particle.p.x;
-                subemitter.p.y = particle.p.y;
-                subemitter.emit('once', true);
-                proton.addEmitter(subemitter);
-            }
-
-            function tick() {
-                requestAnimationFrame(tick);
-
-                proton.update();
-            }
-        },
-        beforeDestroy () {
-            if (this.timmer) clearTimeout(this.timmer);
-            proton.destory();
-        }
-    }
-</script>
diff --git a/src/views/index-one-year.vue b/src/views/index-one-year.vue
deleted file mode 100755
index a5078cd..0000000
--- a/src/views/index-one-year.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<style scoped lang="less">
-    @import "../styles/index.less";
-</style>
-<style>
-    .barrage{
-        font-size: 24px;
-        text-shadow: 0 1px 1px rgba(0,0,0,.1);
-    }
-    .index .ivu-card-shadow{
-        box-shadow: 0 2px 2px rgba(0,0,0,.2);
-    }
-</style>
-<style>
-    .index-version .ivu-badge-count{
-        box-shadow: none;
-        right: 0;
-        top: -3px;
-        color: #f50;
-        background: transparent;
-    }
-</style>
-<template>
-    <div>
-        <div class="bg"></div>
-        <div class="index">
-            <Row type="flex" justify="center" align="middle" style="position: relative;z-index: 3">
-                <i-col span="24">
-                    <h1>
-                        <img src="../images/logo.png" class="img-logo">
-                        <img src="../images/name.png" class="img-name">
-                    </h1>
-                    <div class="list">
-                        <div class="list-a">
-                            <router-link :to="'/docs/guide/introduce' + suffix">{{ $t('index.guide') }}</router-link>
-                            <router-link :to="'/docs/guide/install' + suffix">{{ $t('index.component') }}</router-link>
-                            <router-link :to="'/docs/practice/case' + suffix">{{ $t('index.practice') }}</router-link>
-                            <router-link :to="'/cli' + suffix">{{ $t('index.cli') }}</router-link>
-                            <router-link :to="'/overview' + suffix">{{ $t('index.overview') }}</router-link>
-                            <a href="https://github.com/iview/iview" target="_blank">
-                                <Icon type="social-github"></Icon>
-                                GitHub
-                            </a>
-                        </div>
-                        <div style="width: 400px;margin: 16px auto 0;">
-                            <Input
-                                ref="input"
-                                autofocus
-                                :disabled="counter !== 0"
-                                :maxlength="50"
-                                v-model="barrage"
-                                :placeholder="placeholder"
-                                @on-enter="handleSendDanmu"
-                                @on-click="handleSendDanmu"
-                                icon="ios-paperplane"></Input>
-                        </div>
-                        <div style="text-align: center;padding-top: 12px;">
-                            <a style="text-decoration: underline" href="https://zhuanlan.zhihu.com/p/28090879" target="_blank">阅读 iView 一周年专题文章</a>
-                        </div>
-                        <!--<div class="index-card">-->
-                            <!--<Tooltip content="阅读 iView 一周年专题文章">-->
-                                <!--<Card :padding="0" :bordered="false" shadow>-->
-                                    <!--<a class="card" href="#" target="_blank">-->
-                                        <!--<img src="../images/one-year-logo.png">-->
-                                    <!--</a>-->
-                                <!--</Card>-->
-                            <!--</Tooltip>-->
-                        <!--</div>-->
-                    </div>
-                </i-col>
-            </Row>
-        </div>
-        <div id="barrage" ref="barrage"></div>
-        <div class="index-lang">
-            <span @click="handleChangeLang">
-                <template v-if="lang === 'zh-CN'">EN</template>
-                <template v-else>中文</template>
-            </span>
-        </div>
-    </div>
-</template>
-<script>
-    import bus from '../../src/components/bus';
-    import axios from 'axios';
-    const apiPath = 'https://www.iviewui.com';
-//    const apiPath = 'http://127.0.0.1:9800';
-
-    function colorRGB2Hex(color) {
-        var rgb = color.split(',');
-        var r = parseInt(rgb[0].split('(')[1]);
-        var g = parseInt(rgb[1]);
-        var b = parseInt(rgb[2].split(')')[0]);
-
-        var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-        return hex;
-    }
-
-    export default {
-        data () {
-            return {
-                lang: this.$lang,
-                barrage: '',
-                counter: 0,
-                endtime: 0,
-                myIds: [],
-                hideBarrage: false
-            }
-        },
-        computed: {
-            suffix () {
-                return this.lang === 'zh-CN' ? '' : '-en';
-            },
-            placeholder () {
-                if (this.lang === 'zh-CN') {
-                    let msg = 'iView 一周年啦，发条弹幕乐呵乐呵吧！';
-                    if (this.counter !== 0 ) {
-                        msg += '（等待' + this.counter + '秒）'
-                    }
-                    return msg;
-                } else {
-                    return 'Send a barrage to celebrate iView one years old.';
-                }
-            }
-        },
-        methods: {
-            handleChangeLang () {
-                const lang = this.lang === 'zh-CN' ? 'en-US' : 'zh-CN';
-                bus.$emit('on-change-lang', lang, '/');
-            },
-            handleSendDanmu () {
-                if (this.barrage === '') return false;
-                this.sendBarrage(this.barrage);
-            },
-            sendBarrage (text) {
-                const params = new URLSearchParams();
-                params.append('text', text);
-                axios({
-                    method: 'post',
-                    url: `${apiPath}/barrage/add`,
-                    data: params,
-                    headers: {
-                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
-                    }
-                }).then(res => {
-                    if (res.data.status_code === '0') {
-                        this.myIds.push(res.data.data.barrage.id);
-                        this.counter = 5;
-                        this.barrage = '';
-                        this.sendOneBarrage(text);
-                        this.goCounter();
-                    }
-                })
-            },
-            goCounter () {
-                if (this.counter === 0) {
-                    return;
-                }
-                this.counter -= 1;
-                if (this.counter === 0) {
-                    this.$nextTick(() => {
-                        this.$refs.input.focus();
-                    });
-                }
-                setTimeout(() => {
-                    this.goCounter();
-                }, 1000);
-            },
-            getBarrage (init = false) {
-                const params = new URLSearchParams();
-                if (!init) {
-                    params.append('starttime', this.endtime - 5000);
-                    params.append('endtime', this.endtime);
-                }
-                axios({
-                    method: 'post',
-                    url: `${apiPath}/barrage/list`,
-                    data: params,
-                    headers: {
-                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
-                    }
-                }).then(res => {
-                    if (res.data.status_code === '0') {
-                        if (init) {
-                            this.endtime = parseInt(res.data.data.time);
-                        } else {
-                            this.endtime += 5000;
-                            const list = res.data.data.barrages;
-                            if (list.length) {
-                                const time = parseInt(5000 / list.length);
-                                list.forEach(item => {
-                                    if (this.myIds.indexOf(item.id) > -1) {
-
-                                    } else {
-                                        this.sendOneBarrage(item.text);
-                                    }
-                                });
-                            }
-                        }
-                        this.getTimer = setTimeout(() => {
-                            this.getBarrage();
-                        }, 5000);
-                    }
-                })
-            },
-            sendOneBarrage (text) {
-                const rgb = Math.floor(Math.random () * 255) + ',' + Math.floor(Math.random () * 255) + ',' + Math.floor(Math.random () * 255);
-                const color = colorRGB2Hex(`rgb(${rgb})`);
-                let speed = 1;
-                const len = text.length;
-                if (len <= 3) {
-                    speed = 5;
-                } else if (len <= 10) {
-                    speed = 4;
-                } else if (len <= 15) {
-                    speed = 3;
-                } else if (len <= 30) {
-                    speed = 2;
-                } else {
-                    speed = 1;
-                }
-                const new_text = text.replace(/</g, '');
-                if (this.hideBarrage) {
-                    return false;
-                }
-                this.send({
-                    text: new_text,
-                    color: color,
-                    speed: speed
-                });
-            }
-        },
-        mounted () {
-            this.lang = this.$lang;
-            this.send = this.$start(this.$refs.barrage);
-            this.getBarrage(true);
-        },
-        beforeDestroy () {
-            if (this.getTimer) {
-                clearTimeout(this.getTimer);
-            }
-        }
-    }
-</script>
diff --git a/src/views/index.vue b/src/views/index.vue
index b8fab5b..f2d5060 100755
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -13,171 +13,37 @@
 <template>
     <div>
         <div class="index">
-            <div class="bg"><span></span></div>
-            <Row type="flex" justify="center" align="middle" style="position: relative;z-index: 3">
-                <i-col span="24">
-                    <h1>
-                        <img src="../images/logo.png" class="img-logo">
-                        <img src="../images/name.png" class="img-name">
-                    </h1>
-                    <h2>{{ $t('index.title') }}</h2>
-                    <div class="list">
-                        <router-link :to="'/docs/guide/introduce' + suffix">{{ $t('index.guide') }}</router-link>
-                        <router-link :to="'/docs/guide/install' + suffix">{{ $t('index.component') }}</router-link>
-                        <router-link :to="'/docs/practice/case' + suffix">{{ $t('index.practice') }}</router-link>
-                        <router-link :to="'/overview' + suffix">{{ $t('index.overview') }}</router-link>
-                        <router-link :to="'/cli' + suffix">{{ $t('index.cli') }}</router-link>
-                        <a href="https://github.com/iview/iview" target="_blank">
-                            <Icon type="social-github"></Icon>
-                            GitHub
-                        </a>
-                    </div>
-                </i-col>
-            </Row>
-        </div>
-        <div id="indexLizi"></div>
-        <div class="index-lang">
-            <span @click="handleChangeLang">
-                <template v-if="lang === 'zh-CN'">EN</template>
-                <template v-else>中文</template>
-            </span>
+            <div class="index-main">
+                <router-link to="/">
+                    <img src="../images/logo.png" class="index-logo">
+                </router-link>
+                <row type="flex" justify="center" align="middle" class="index-container">
+                    <i-col span="24">
+                        <img src="../images/index-title.png" class="index-title">
+                        <div class="index-content">一套高质量的</div>
+                        <div class="index-content">微信小程序 UI 组件库</div>
+                        <div class="index-actions">
+                            <Button class="index-btn" size="large" type="primary" shape="circle">开始使用</Button>
+                            <Poptip title="使用微信扫描体验" trigger="hover">
+                                <Button class="index-btn" size="large" type="ghost" shape="circle">扫描体验</Button>
+                                <div slot="content">
+                                    <img src="../images/code.jpg" class="index-code">
+                                </div>
+                            </Poptip>
+                            <Button size="large" class="index-btn" type="ghost" shape="circle" icon="social-github" @click="handleGitHub">GitHub</Button>
+                        </div>
+                    </i-col>
+                </row>
+            </div>
         </div>
     </div>
 </template>
 <script>
-    import THREE from '../libs/three/three';
-    import bus from '../../src/components/bus';
-
     export default {
-        data () {
-            return {
-                lang: this.$lang
-            }
-        },
-        computed: {
-            suffix () {
-                return this.lang === 'zh-CN' ? '' : '-en';
-            }
-        },
         methods: {
-            liziInit () {
-                var SCREEN_WIDTH = window.innerWidth;
-                var SCREEN_HEIGHT = window.innerHeight;
-
-                var SEPARATION = 90;
-                var AMOUNTX = 50;
-                var AMOUNTY = 50;
-
-                var container;
-
-                var particles, particle;
-                var count;
-
-                var camera;
-                var scene;
-                var renderer;
-
-                var mouseX = 0;
-                var mouseY = 0;
-
-                var windowHalfX = window.innerWidth / 2;
-                var windowHalfY = window.innerHeight / 2;
-
-                init();
-                this.interval = setInterval(loop, 1000 / 60);
-
-                function init() {
-
-                    container = document.createElement( 'div' );
-                    container.style.position = 'relative';
-                    container.style.top = '200px';
-                    document.getElementById('indexLizi').appendChild( container );
-
-                    camera = new THREE.Camera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
-                    camera.position.z = 1000;
-
-                    scene = new THREE.Scene();
-
-                    renderer = new THREE.CanvasRenderer();
-                    renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
-
-                    particles = new Array();
-
-                    var i = 0;
-                    var material = new THREE.ParticleCircleMaterial( 0x097bdb, 1 );
-
-                    for ( var ix = 0; ix < AMOUNTX; ix ++ ) {
-
-                        for ( var iy = 0; iy < AMOUNTY; iy ++ ) {
-
-                            particle = particles[ i ++ ] = new THREE.Particle( material );
-                            particle.position.x = ix * SEPARATION - ( ( AMOUNTX * SEPARATION ) / 2 );
-                            particle.position.z = iy * SEPARATION - ( ( AMOUNTY * SEPARATION ) / 2 );
-                            scene.add( particle );
-                        }
-                    }
-
-                    count = 0;
-
-                    container.appendChild( renderer.domElement );
-
-                    document.addEventListener( 'mousemove', onDocumentMouseMove, false );
-//                    document.addEventListener( 'touchmove', onDocumentTouchMove, false );
-                }
-
-                function onDocumentMouseMove( event ) {
-
-                    mouseX = event.clientX - windowHalfX;
-                    mouseY = event.clientY - windowHalfY;
-
-                }
-
-                function onDocumentTouchMove( event ) {
-
-                    if ( event.touches.length == 1 ) {
-
-                        event.preventDefault();
-
-                        mouseX = event.touches[ 0 ].pageX - windowHalfX;
-                        mouseY = event.touches[ 0 ].pageY - windowHalfY;
-
-                    }
-                }
-
-                function loop() {
-                    camera.position.x += ( mouseX - camera.position.x ) * .05;
-//                    camera.position.y += ( - mouseY - camera.position.y ) * .05;
-                    camera.position.y = 364;
-
-                    var i = 0;
-
-                    for ( var ix = 0; ix < AMOUNTX; ix ++ ) {
-
-                        for ( var iy = 0; iy < AMOUNTY; iy ++ ) {
-
-                            particle = particles[ i++ ];
-                            particle.position.y = ( Math.sin( ( ix + count ) * 0.3 ) * 50 ) + ( Math.sin( ( iy + count ) * 0.5 ) * 50 );
-                            particle.scale.x = particle.scale.y = ( Math.sin( ( ix + count ) * 0.3 ) + 1 ) * 2 + ( Math.sin( ( iy + count ) * 0.5 ) + 1 ) * 2;
-
-                        }
-                    }
-
-                    renderer.render( scene, camera );
-
-                    count += 0.1;
-                }
-            },
-            handleChangeLang () {
-                const lang = this.lang === 'zh-CN' ? 'en-US' : 'zh-CN';
-                bus.$emit('on-change-lang', lang, '/');
+            handleGitHub () {
+                window.open('https://github.com/TalkingData/iview-weapp');
             }
-        },
-        mounted () {
-            this.lang = this.$lang;
-            this.liziInit();
-        },
-        beforeDestroy () {
-            if (this.interval) clearInterval(this.interval);
         }
     }
 </script>
diff --git a/src/views/new-issue.vue b/src/views/new-issue.vue
deleted file mode 100644
index c3606c4..0000000
--- a/src/views/new-issue.vue
+++ /dev/null
@@ -1,553 +0,0 @@
-<style lang="less">
-    .issue {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-flex: 1;
-        -ms-flex: auto;
-        flex: auto;
-        overflow: auto;
-        background: #ececec;
-        &-menu {
-            background-color: #fff;
-            &-main {
-                width: 800px;
-                margin: 10px auto;
-                .ivu-avatar {
-                    vertical-align: middle;
-                    background: transparent;
-                }
-                h1 {
-                    font-size: 18px;
-                    font-weight: 400;
-                    display: inline;
-                    margin-left: 8px;
-                    vertical-align: middle;
-                }
-                button {
-                    float: right;
-                    margin-top: 8px;
-                }
-            }
-        }
-        &-main {
-            width: 800px;
-            margin: 20px auto;
-        }
-    }
-
-    .issue-vertical-center-modal {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        .ivu-modal {
-            top: 0;
-        }
-    }
-
-</style>
-<template>
-    <div class="issue">
-        <div class="issue-menu">
-            <div class="issue-menu-main">
-                <Avatar :src="iViewLogo" size="large" shape="square"/>
-                <h1>Issue Helper</h1>
-                <Button type="ghost" size="small" @click="handleChangeLang">
-                    <template v-if="lang === 'zh-CN'">EN</template>
-                    <template v-else>中文</template>
-                </Button>
-            </div>
-        </div>
-        <div class="issue-main" v-if="lang === 'zh-CN'">
-            <Card shadow>
-                <div class="ivu-article">
-                    <h2>在你开始之前...</h2>
-                    <p>
-                        首先，虽然我们为了中文用户的方便提供了中文的表单，但在填写时请尽量使用英文。iView 社区不只有中国人。如果你想让尽可能多的人能够看懂你的 issue，就请尽量用英文。
-                    </p>
-                    <p>
-                        其次，iView 的 issue 列表只接受 bug 报告或是新功能请求 (feature requests)。这意味着我们不接受用法问题。如果你开的 issue 不符合规定，它将会被立刻关闭。<a
-                            @click="handleOpenStrict">为什么要这么严格？</a>
-                    </p>
-                    <p>
-                        对于使用中遇到的问题，请使用以下资源：
-                    </p>
-                    <ul>
-                        <li>仔细阅读 <a href="https://www.iviewui.com/docs/guide/install" target="_blank">文档</a></li>
-                        <li>在 <a href="https://stackoverflow.com/" target="_blank">StackOverflow</a> (英文) 或是 <a href="https://segmentfault.com/t/iview" target="_blank">SegmentFault</a>（中文）搜索和提问</li>
-                    </ul>
-                    <p>
-                        最后，在开 issue 前，可以先搜索一下以往的旧 issue - 你遇到的问题可能已经有人提了，也可能已经在最新版本中被修正。注意：如果你发现一个已经关闭的旧 issue 在最新版本中仍然存在，请不要在旧 issue 下面留言，而应该用下面的表单开一个新的 issue。
-                    </p>
-                    <h2>填写表单</h2>
-                </div>
-                <div style="margin-top: 15px">
-                    <Form ref="form" :model="formData" :rules="formRule" label-position="top">
-                        <Row :gutter="32">
-                            <Col span="12">
-                                <FormItem label="相关仓库：" prop="repo">
-                                    <Select v-model="formData.repo">
-                                        <Option value="iview">iView</Option>
-                                        <Option value="iview-admin">iView Admin</Option>
-                                    </Select>
-                                </FormItem>
-                            </Col>
-                            <Col span="12">
-                                <FormItem label="这是一个：" prop="type">
-                                    <Select v-model="formData.type">
-                                        <Option value="bug">错误报告</Option>
-                                        <Option value="feature-request">功能请求</Option>
-                                    </Select>
-                                </FormItem>
-                            </Col>
-                        </Row>
-                        <FormItem label="Issue 标题：" prop="title">
-                            <Input v-model="formData.title"/>
-                        </FormItem>
-
-                        <template v-if="formData.type === 'feature-request'">
-                            <FormItem label="这个功能解决了什么问题？" prop="problem">
-                                <Input type="textarea" v-model="formData.problem" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    请尽可能详尽地说明这个需求的用例和场景。最重要的是：解释清楚是怎样的用户体验需求催生了这个功能上的需求。iView 的一个重要设计原则是保持 API 的简洁和直接。通常来说，我们只考虑添加在现有的 API 下无法轻松实现的功能。新功能的用例也应当足够常见。
-                                </p>
-                            </div>
-                            <FormItem label="你期望的 API 是怎样的？" prop="api">
-                                <Input type="textarea" v-model="formData.api" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    描述一下你期望这个新功能的 API 是如何使用的，并提供一些代码示例。请用 <a href="https://guides.github.com/features/mastering-markdown/" target="_blank">Markdown</a> 格式化你的代码片段。
-                            </p>
-                            </div>
-                        </template>
-
-                        <template v-if="formData.type === 'bug'">
-                            <FormItem label="重现链接：" prop="link">
-                                <Input v-model="formData.link"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    请提供一个尽可能精简的 <a href="https://jsfiddle.net/yyrzhm46/" target="_blank">JSFiddle</a> 链接或是 GitHub 仓库的链接。
-                            </p>
-                                <p>
-                                    <a @click="handleOpenMin">什么是最小化重现，为什么这是必需的？</a>
-                                </p>
-                            </div>
-                            <FormItem label="环境（操作系统版本 / 浏览器版本 / Vue 版本等等信息）：" prop="system">
-                                <Input v-model="formData.system"/>
-                            </FormItem>
-                            <FormItem label="重现步骤：" prop="step">
-                                <Input type="textarea" v-model="formData.step" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    简洁清晰的重现步骤能够帮助我们更迅速地定位问题所在。支持使用 <a href="https://guides.github.com/features/mastering-markdown/" target="_blank">Markdown</a> 来格式化列表或是代码片段。
-                            </p>
-                            </div>
-                            <FormItem label="期望的结果是什么？" prop="expectedOutcome">
-                                <Input type="textarea" v-model="formData.expectedOutcome"
-                                       :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <FormItem label="实际的结果是什么？" prop="actualResult">
-                                <Input type="textarea" v-model="formData.actualResult"
-                                       :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <FormItem label="补充说明（可选）：" prop="supplement">
-                                <Input type="textarea" v-model="formData.supplement" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article">
-                                <p>比如：遇到这个 bug 的业务场景、上下文。</p>
-                            </div>
-                        </template>
-                    </Form>
-                    <div style="text-align: center;margin: 15px;">
-                        <Button size="large" type="primary" @click="handlePreview">预览</Button>
-                    </div>
-                </div>
-            </Card>
-
-            <Modal v-model="isStrict" class-name="issue-vertical-center-modal" title="为什么要有这么严格的 issue 规定" width="680">
-                <div class="ivu-article">
-                    <p>
-                        维护开源项目，尤其是流行的项目，是<a
-                            href="https://nolanlawson.com/2017/03/05/what-it-feels-like-to-be-an-open-source-maintainer/"
-                            target="_blank">非常辛苦的工作</a>。随着 iView 在社区越来越受欢迎，我们每天都在收到越来越多的问题， bug 报告，功能需求和 Pull Requests。
-                </p>
-                    <p>
-                        作为一个完全免费使用的开源项目，iView 的维护人手是有限的。这意味着想要让项目长期的可持续发展，我们必须：
-                    </p>
-                    <ul>
-                        <li>给予更具体的工作更高的优先级（比如 bug 的修复和新功能的开发）；</li>
-                        <li>提高 issue 处理的效率。</li>
-                    </ul>
-                    <p>
-                        针对 (1)，我们决定将 GitHub issue 列表严格地限制用于有具体目标和内容的工作。问题和讨论应当发送到更适合它们的场合。
-                    </p>
-                    <p>
-                        针对 (2)，我们发现影响 issue 处理效率的最大因素是用户在开 issue 时没有提供足够的信息。这导致我们需要花费大量的时间去跟用户来回沟通，只为了获得一些基本信息好让我们对 issue 进行真正的分析。这正是我们开发这个 app 的理由：我们要确保每个新 issue 都提供了必需的信息，这样能节省维护者和开发者双方的时间。
-                    </p>
-                    <p>
-                        最重要的是，请明白一件事：开源项目的用户和维护者之间并不是甲方和乙方的关系，issue 也不是客服。在开 issue 的时候，请抱着一种『一起合作来解决这个问题』的心态，不要期待我们单方面地为你服务。
-                    </p>
-                </div>
-            </Modal>
-            <Modal v-model="isMin" class-name="issue-vertical-center-modal" title="关于重现" width="680">
-                <div class="ivu-article">
-                    <p>
-                        所谓『重现』，就是一段可以运行并展示一个 bug 如何发生的代码。
-                    </p>
-                    <h2>文字是不够的</h2>
-                    <p>
-                        如果你遇到一个问题，但是只提供了一些文字描述，我们是不可能修复这个 bug 的。首先，文字在描述技术问题时的表达难度和不精确性；其次，问题的真实原因有很多可能，它完全有可能是一个你根本没有提及的因素导致的。重现是唯一能够可靠地让我们理解问题本质的方式。
-                    </p>
-                    <h2>重现必须是可运行的</h2>
-                    <p>
-                        <strong>截图和视频不是重现</strong>。它们仅仅证明了 bug 的存在，但却不能提供关于 bug 是如何发生的信息。只有可运行的代码提供了完整的上下文，并让我们可以进行真正的 debug 而不是空想和猜测。当然，在提供的重现的前提下，视频或是 gif 动画可以帮助解释一些比较难用文字描述的交互行为。
-                </p>
-                    <h2>重现应当尽量精简</h2>
-                    <p>
-                        有些用户会直接给我们一整个项目的代码，然后希望我们帮忙找出问题所在。此类请求我们通常不予接受，因为：
-                    </p>
-                    <ul>
-                        <li>你对你的项目的代码结构可能已经非常熟悉，但我们并不是。阅读、运行、分析一个完全陌生的项目是极其耗费时间和精力的。</li>
-                        <li>由于涉及了大量业务代码，问题可能是你的代码错误，而不是 iView 的 bug 所导致的。</li>
-                    </ul>
-                    <p>
-                        一个最小化的重现意味着它精确地定位了 bug 本身 - 它应当只包含能够触发 bug 的最少量的代码。你应当尽可能地剔除任何跟该 bug 无关的部分。
-                    </p>
-                    <h2>如何提供一个重现</h2>
-                    <p>
-                        除非你的 bug 只有在构建工具下才能重现，否则我们建议使用诸如 <a href="https://jsfiddle.net/yyrzhm46/"
-                                                            target="_blank">JSFiddle</a> 在线服务来提供重现。如果你的 bug 必须用到构建工具，那么我们建议使用 vue-cli 来搭建一个新项目，推送到 GitHub 并提供仓库的链接。
-                </p>
-                </div>
-            </Modal>
-            <Modal v-model="isPreview" title="Issue 预览" width="680">
-                <div class="ivu-article" v-if="isPreview" v-html="content.html"></div>
-                <div slot="footer">
-                    <Button type="primary" size="large" @click="handleCreate">创建</Button>
-                </div>
-            </Modal>
-        </div>
-
-        <div class="issue-main" v-else>
-            <Card shadow>
-                <div class="ivu-article">
-                    <h2>Before You Start...</h2>
-                    <p>
-                        The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed immediately. <a @click="handleOpenStrict">Why are we so strict about this?</a>
-                    </p>
-                    <p>
-                        For usage questions, please use the following resources:
-                    </p>
-                    <ul>
-                        <li>Read the <a href="https://www.iviewui.com/docs/guide/install-en" target="_blank">docs</a></li>
-                        <li>Look for / ask questions on <a href="https://stackoverflow.com/" target="_blank">StackOverflow</a></li>
-                    </ul>
-                    <p>
-                        Also try to search for your issue - it may have already been answered or even fixed in the 2.0 branch. However, if you find that an old, closed issue still persists in the latest version, you should open a new issue using the form below instead of commenting on the old issue.
-                    </p>
-                    <h2>Fill Out The Form</h2>
-                </div>
-                <div style="margin-top: 15px">
-                    <Form ref="form" :model="formData" :rules="formRule" label-position="top">
-                        <Row :gutter="32">
-                            <Col span="12">
-                            <FormItem label="I am opening an issue for:" prop="repo">
-                                <Select v-model="formData.repo">
-                                    <Option value="iview">iView</Option>
-                                    <Option value="iview-admin">iView Admin</Option>
-                                </Select>
-                            </FormItem>
-                            </Col>
-                            <Col span="12">
-                            <FormItem label="This is a:" prop="type">
-                                <Select v-model="formData.type">
-                                    <Option value="bug">Bug Report</Option>
-                                    <Option value="feature-request">Feature Request</Option>
-                                </Select>
-                            </FormItem>
-                            </Col>
-                        </Row>
-                        <FormItem label="Title:" prop="title">
-                            <Input v-model="formData.title"/>
-                        </FormItem>
-
-                        <template v-if="formData.type === 'feature-request'">
-                            <FormItem label="What problem does solve this feature?" prop="problem">
-                                <Input type="textarea" v-model="formData.problem" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    Explain your use case, context, and rationale behind this feature request. More importantly, what is the end user experience you are trying to build that led to the need for this feature? An important design goal of iView is keeping the API surface small and straightforward. In general, we only consider adding new features that solve a problem that cannot be easily dealt with using existing APIs (i.e. not just an alternative way of doing things that can already be done). The problem should also be common enough to justify the addition.
-                                </p>
-                            </div>
-                            <FormItem label="What does the proposed api look like?" prop="api">
-                                <Input type="textarea" v-model="formData.api" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    Describe how you propose to solve the problem and provide code samples of how the API would work once implemented. Note that you can use <a href="https://guides.github.com/features/mastering-markdown/" target="_blank">Markdown</a> to format your code blocks.
-                                </p>
-                            </div>
-                        </template>
-
-                        <template v-if="formData.type === 'bug'">
-                            <FormItem label="Link to minimal reproduction:" prop="link">
-                                <Input v-model="formData.link"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    Please provide a link to a <a href="https://jsfiddle.net/yyrzhm46/" target="_blank">JSFiddle</a> or provide a GitHub repo.
-                            </p>
-                                <p>
-                                    <a @click="handleOpenMin">What is a minimal reproduction, and why is it required?</a>
-                                </p>
-                            </div>
-                            <FormItem label="Environment(os version, browser version, Vue version...):" prop="system">
-                                <Input v-model="formData.system"/>
-                            </FormItem>
-                            <FormItem label="Step to reproduce:" prop="step">
-                                <Input type="textarea" v-model="formData.step" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article" style="margin-bottom: 20px">
-                                <p>
-                                    Clear and concise reproduction instructions are important for us to be able to triage your issue in a timely manner. Note that you can use <a href="https://guides.github.com/features/mastering-markdown/" target="_blank">Markdown</a> to format lists and code.
-                            </p>
-                            </div>
-                            <FormItem label="What is expected?：" prop="expectedOutcome">
-                                <Input type="textarea" v-model="formData.expectedOutcome"
-                                       :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <FormItem label="What is actually happening?" prop="actualResult">
-                                <Input type="textarea" v-model="formData.actualResult"
-                                       :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <FormItem label="Any additional comments(optional):" prop="supplement">
-                                <Input type="textarea" v-model="formData.supplement" :autosize="{minRows: 2,maxRows: 10}"/>
-                            </FormItem>
-                            <div class="ivu-article">
-                                <p>e.g. some background/context of how you ran into this bug.</p>
-                            </div>
-                        </template>
-                    </Form>
-                    <div style="text-align: center;margin: 15px;">
-                        <Button size="large" type="primary" @click="handlePreview">Preview</Button>
-                    </div>
-                </div>
-            </Card>
-
-            <Modal v-model="isStrict" class-name="issue-vertical-center-modal" title="The reason behind our strict issue policy" width="680">
-                <div class="ivu-article">
-                    <p>
-                        Maintaining open source projects, especially popular ones, is <a href="https://nolanlawson.com/2017/03/05/what-it-feels-like-to-be-an-open-source-maintainer/" target="_blank">hard work</a>. As iView's user base has grown, we are getting more and more usage questions, bug reports, feature requests and pull requests every single day.
-                    </p>
-                    <p>
-                        As a free and open source project, iView also has limited maintainer bandwidth. That means the only way to ensure the project's sustainability is to:
-                    </p>
-                    <ul>
-                        <li>Prioritize more concrete work (bug fixes and new features);</li>
-                        <li>Improve issue triaging efficiency.</li>
-                    </ul>
-                    <p>
-                        For (1), we have decided to use the GitHub issue lists exclusively for work that has well-defined, actionable goals. Questions and open ended discussions should be posted to mediums that are better suited for them.
-                    </p>
-                    <p>
-                        For (2), we have found that issues that do not provide proper information upfront usually results in terribly inefficient back-and-forth communication just to extract the basic information needed for actual triaging. This is exactly why we have created this app: to ensure that every issue is created with the necessary information, and to save time on both sides.
-                    </p>
-                </div>
-            </Modal>
-            <Modal v-model="isMin" title="About Reproductions" width="680">
-                <div class="ivu-article">
-                    <p>
-                        A bug reproduction is a piece of code that can run and demonstrate how a bug can happen.
-                    </p>
-                    <h2>Text is not enough</h2>
-                    <p>
-                        It's impossible to fix a bug from mere text descriptions. First, it's very difficult to precisely describe a technical problem while keeping it easy to follow; Second, the real cause may very well be something that you forgot to even mention. A reproduction is the only way that can reliably help us understand what is going on, so please provide one.
-                    </p>
-                    <h2>A repro must be runnable</h2>
-                    <p>
-                        Screenshots or videos are <strong>NOT</strong> reproductions! They only show that the bug exists, but do not provide enough information on why it happens. Only runnable code provides the most complete context and allows us to properly debug the scenario. That said, in some cases videos/gifs can help explain interaction issues that are hard to describe in text.
-                    </p>
-                    <h2>A repro should be minimal</h2>
-                    <p>
-                        Some users would give us a link to a real project and hope we can help them figure out what is wrong. We generally do not accept such requests because:
-                    </p>
-                    <ul>
-                        <li>You are already familiar with your codebase, but we are not. It is extremely time-consuming to hunt a bug in a big and unfamiliar codebase.</li>
-                        <li>The problematic behavior may very well be caused by your code rather than by a bug in iView.</li>
-                    </ul>
-                    <p>
-                        A <strong>minimal</strong> reproduction means it demonstrates the bug, and the bug only. It should only contain the bare minimum amount of code that can reliably cause the bug. Try your best to get rid of anything that aren't directly related to the problem.
-                    </p>
-                    <h2>How to create a repro</h2>
-                    <p>
-                        Unless your bug can only be reproduced with a built setup, we prefer reproductions made with online coding services like <a href="https://jsfiddle.net/yyrzhm46/" target="_blank">JSFiddle</a>. If your bug involves a build setup, you can create a project using vue-cli and provide the link to a GitHub repository.
-                    </p>
-                </div>
-            </Modal>
-            <Modal v-model="isPreview" title="Preview Issue" width="680">
-                <div class="ivu-article" v-if="isPreview" v-html="content.html"></div>
-                <div slot="footer">
-                    <Button type="primary" size="large" @click="handleCreate">Create</Button>
-                </div>
-            </Modal>
-        </div>
-    </div>
-</template>
-<script>
-    import iViewLogo from '../images/logo.png';
-    import bus from '../components/bus';
-
-    import marked from 'marked';
-
-    function generate (markdown) {
-        const withMarker = markdown + '\n\n<!-- generated by iview-issues. DO NOT REMOVE -->';
-
-        return {
-            markdown: withMarker,
-            html: marked(markdown, {
-                gfm: true,
-                tables: true,
-                breaks: false,
-                pedantic: false,
-                sanitize: true,
-                smartLists: true,
-                smartypants: false
-            })
-        }
-    }
-
-    export default {
-        data () {
-            return {
-                iViewLogo: iViewLogo,
-                lang: this.$lang,
-                isStrict: false,
-                isMin: false,
-                isPreview: false,
-                content: {},
-                formData: {
-                    repo: 'iview',  // iview / iview-admin
-                    type: 'bug',    // bug / feature-request
-                    title: '',
-                    link: '',
-                    system: '',
-                    step: '',
-                    expectedOutcome: '',
-                    actualResult: '',
-                    supplement: '',
-                    problem: '',
-                    api: ''
-                }
-            };
-        },
-        computed: {
-            formRule () {
-                const type = this.formData.type;
-
-                return {
-                    title: [
-                        {required: true, message: this.lang === 'zh-CN' ? '标题不能为空' : 'The title cannot be empty', trigger: 'change'}
-                    ],
-                    link: type === 'bug' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '链接不能为空' : 'The link cannot be empty', trigger: 'change'},
-                        {type: 'url', message: this.lang === 'zh-CN' ? '链接不正确' : 'Incorrect link', trigger: 'blur'}
-                    ] : [],
-                    system: type === 'bug' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '环境信息不能为空' : 'Environmental information cannot be empty', trigger: 'change'}
-                    ] : [],
-                    step: type === 'bug' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '重现步骤不能为空' : 'The reproduction step can not be empty', trigger: 'change'}
-                    ] : [],
-                    expectedOutcome: type === 'bug' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '期望的结果内容不能为空' : 'The expected result cannot be empty', trigger: 'change'}
-                    ] : [],
-                    actualResult: type === 'bug' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '实际的结果内容不能为空' : 'The actual result cannot be empty', trigger: 'change'}
-                    ] : [],
-                    problem: type === 'feature-request' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '内容不能为空' : 'The content cannot be empty', trigger: 'change'}
-                    ] : [],
-                    api: type === 'feature-request' ? [
-                        {required: true, message: this.lang === 'zh-CN' ? '内容不能为空' : 'The content cannot be empty', trigger: 'change'}
-                    ] : []
-                }
-            }
-        },
-        methods: {
-            handleChangeLang () {
-                const lang = this.lang === 'zh-CN' ? 'en-US' : 'zh-CN';
-                const path = '/new-issue';
-                bus.$emit('on-change-lang', lang, path);
-            },
-            handleOpenStrict () {
-                this.isStrict = true;
-            },
-            handleOpenMin () {
-                this.isMin = true;
-            },
-            handlePreview () {
-                this.$refs.form.validate((valid) => {
-                    if (valid) {
-                        this.isPreview = true;
-                        this.content = this.getGenerate();
-                    } else {
-                        if (this.lang === 'zh-CN') {
-                            this.$Message.error('表单验证失败!');
-                        } else {
-                            this.$Message.error('Form validation fails!');
-                        }
-                    }
-                })
-            },
-            getGenerate () {
-                if (this.formData.type === 'bug') {
-                    return generate(`
-### Environment
-${this.formData.system}
-
-### Reproduction link
-[${this.formData.link}](${this.formData.link})
-
-### Steps to reproduce
-${this.formData.step}
-
-### What is expected?
-${this.formData.expectedOutcome}
-
-### What is actually happening?
-${this.formData.actualResult}
-
-${this.formData.supplement ? `---\n${this.formData.supplement}` : ''}
-                `.trim())
-                } else {
-                    return generate(`
-### What problem does this feature solve?
-${this.formData.problem}
-
-### What does the proposed API look like?
-${this.formData.api}`.trim())
-                }
-            },
-            handleCreate () {
-                const type = this.formData.type === 'bug' ? '[Bug Report]' : '[Feature Request]';
-                const title = encodeURIComponent(type + this.formData.title).replace(/%2B/gi, '+');
-                const body = encodeURIComponent(this.content.markdown).replace(/%2B/gi, '+');
-                window.open(`https://github.com/iview/${this.formData.repo}/issues/new?title=${title}&body=${body}`);
-            }
-        },
-        created () {
-            this.lang = this.$lang;
-        }
-    };
-</script>
\ No newline at end of file
diff --git a/src/views/vue-book-check.vue b/src/views/vue-book-check.vue
deleted file mode 100644
index 3bf0d53..0000000
--- a/src/views/vue-book-check.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-    <div class="vue-book">
-        <div class="main ivu-article">
-            <h1>《Vue.js 实战》预购信息确认</h1>
-            <template v-if="order === ''">
-                <h2>输入订单号（或手机号）：</h2>
-                <Input size="large" v-model="id" placeholder="输入下单时的订单号（或手机号）" style="margin-top: 16px" />
-                <Button size="large" type="primary" long style="margin-top: 16px" @click="handleCheck">查询</Button>
-            </template>
-            <template v-else>
-                <h2>订单号 <strong>{{ order.id }}</strong> 信息：</h2>
-                <p>
-                    <strong>姓名：</strong>
-                    <span>{{ order.name }}</span>
-                </p>
-                <p>
-                    <strong>电话：</strong>
-                    <span>{{ order.phone }}</span>
-                </p>
-                <p>
-                    <strong>收获地址：</strong>
-                    <span>{{ order.address }}</span>
-                </p>
-                <div style="margin-top: 16px" v-if="isCheck === ''">
-                    <Row :gutter="32">
-                        <i-col span="12">
-                            <Button type="success" size="large" long @click="handleSetCheck(2)">确认无误</Button>
-                        </i-col>
-                        <i-col span="12">
-                            <Button type="warning" size="large" long @click="handleSetCheck(3)">信息有误</Button>
-                        </i-col>
-                    </Row>
-                </div>
-                <div style="margin-top: 16px;text-align: center" v-else>
-                    <strong>{{ isCheck }}</strong>
-                </div>
-            </template>
-        </div>
-    </div>
-</template>
-<script>
-    import axios from 'axios';
-    const apiPath = 'https://www.iviewui.com';
-//    const apiPath = 'http://127.0.0.1:9800';
-
-    export default {
-        props: {},
-        data () {
-            return {
-                id: '',
-                order: '',
-                isCheck: ''
-            };
-        },
-        methods: {
-            handleCheck () {
-                if (this.id === '') {
-                    this.$Notice.error({
-                        title: '请输入订单号'
-                    });
-                } else {
-                    const params = new URLSearchParams();
-                    params.append('id', this.id);
-
-                    axios({
-                        method: 'post',
-                        url: `${apiPath}/order/id`,
-                        data: params,
-                        headers: {
-                            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
-                        }
-                    }).then(res => {
-                        if (res.data.status_code === '0') {
-                            const order = res.data.data.order;
-                            if (order === '') {
-                                this.$Notice.error({
-                                    title: '订单号有误',
-                                    desc: '订单号（或手机号）' + this.id + '没有查询到信息'
-                                });
-                            } else {
-                                this.order = res.data.data.order;
-                            }
-                        }
-                    });
-                }
-            },
-            handleSetCheck (type) {
-                const params = new URLSearchParams();
-                params.append('id', this.order.id);
-                params.append('check', type);
-
-                axios({
-                    method: 'post',
-                    url: `${apiPath}/order/setcheck`,
-                    data: params,
-                    headers: {
-                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
-                    }
-                }).then(res => {
-                    if (res.data.status_code === '0') {
-                        this.$Notice.success({
-                            title: '订单信息确认成功'
-                        });
-                        if (type === 2) {
-                            this.isCheck = '信息确认完成';
-                        } else if (type === 3) {
-                            this.isCheck = '信息确认完成，您标记为有误，请协助管理员微信 TalkingCoder 修改';
-                        }
-                    }
-                });
-            }
-        },
-        mounted () {
-            document.body.style.background = '#f8f8f9';
-            document.body.style.height = '100%';
-            document.getElementsByTagName('html')[0].style.height = '100%';
-            document.getElementsByTagName('div')[0].style.height = '100%';
-        }
-    };
-</script>
-<style scoped>
-    .vue-book{
-        width: 60%;
-        min-height: 100%;
-        margin: 0 auto;
-        padding: 16px;
-        background: #fff;
-        box-shadow: 0 2px 2px rgba(0,0,0,.2);
-    }
-    h1{
-        text-align: center;
-    }
-    .steps{
-        margin: 16px 0 32px;
-    }
-    .order{
-        padding: 16px;
-    }
-</style>
\ No newline at end of file
diff --git a/src/views/vue-book.vue b/src/views/vue-book.vue
deleted file mode 100644
index a3668bf..0000000
--- a/src/views/vue-book.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<template>
-    <div class="vue-book">
-        <div class="main ivu-article">
-            <h1>《Vue.js 实战》预购</h1>
-            <blockquote>
-                <p>《Vue.js 实战》一书将在 10 月由清华大学出版社出版，现可预购 <strong>签名版</strong>。</p>
-                <p>图书介绍：本书以 Vue.js 2.0 为基础，以项目实战的方式来引导读者渐进式学习 Vue.js。通过本书的学习，读者能够掌握 Vue.js 框架主要 API 的使用方法、自定义指令、组件开发、单文件组件、Render 函数、使用 Webpack 开发可复用的单页面富应用等。本书特点是示例丰富，侧重实战，适用于刚接触或即将接触 Vue.js 的开发者，也适用于对 Vue.js 有过开发经验，但需要进一步提升的开发者。</p>
-                <p>作者简介：梁灏（Aresn），基于 Vue.js 的开源组件库 iView 作者，程序员社区 TalkingCoder 创办者。现工作于 TalkingData，负责大数据可视化基础架构。</p>
-                <p>本书由 Vue.js 作者 <strong>尤雨溪</strong> 作推荐序<a href="https://i.loli.net/2017/08/07/5987de0f8d841.png" target="_blank">查看</a>，大漠、justjavac 等老师作推荐语<a href="https://i.loli.net/2017/08/07/5987df18c2a41.png" target="_blank">查看</a>。</p>
-                <p><a href="https://i.loli.net/2017/08/07/5987e087b025b.png" target="_blank">查看本书目录</a></p>
-                <p>图书定价：<strong style="color: #ed3f14">79 元</strong>（包邮）。</p>
-                <p>发货日期：出版后即发货，大概在 10 月份。</p>
-                <!--<p><strong style="color: #ed3f14;font-size: 16px;">注：目前 200 本签名版已售罄，感谢您的支持。</strong></p>-->
-                <!--<p><strong>加入 QQ 群，获取最新状态，参与讨论。群号：225472461</strong></p>-->
-                <!--<p>-->
-                    <!--<img src="https://i.loli.net/2017/08/16/5993e3c74221b.png">-->
-                <!--</p>-->
-            </blockquote>
-        </div>
-        <div class="steps">
-            <Steps :current="steps">
-                <Step title="填写订单"></Step>
-                <Step title="付款"></Step>
-                <Step title="完成"></Step>
-            </Steps>
-        </div>
-        <div class="order" v-if="steps === 0">
-            <i-form :model="formItem" :rules="ruleValidate" :label-width="80">
-                <Form-item prop="name" label="姓名">
-                    <i-input v-model="formItem.name" placeholder="请输入收货人真实姓名，例如：梁灏"></i-input>
-                </Form-item>
-                <Form-item prop="phone" label="电话">
-                    <i-input v-model="formItem.phone" placeholder="请输入收货人联系电话，例如：18500000000"></i-input>
-                </Form-item>
-                <Form-item prop="address" label="收货地址">
-                    <i-input type="textarea" v-model="formItem.address" placeholder="请填写完整的收货地址，例如：北京市东城区东直门外大街39号院京投快轨大厦608室"></i-input>
-                </Form-item>
-            </i-form>
-            <div style="text-align: center;margin: 16px 0;">
-                <Button type="primary" size="large" @click="handleOrder">提交订单</Button>
-            </div>
-        </div>
-        <div class="order" v-if="steps === 1">
-            <h2>付款步骤：</h2>
-            <div style="font-size: 16px;">
-                <p>1. 添加个人微信 <strong>talkingcoder</strong>，并转账 <strong style="color: #ed3f14">79 元</strong></p>
-                <p>2. 将你的订单号 <strong style="color: #ed3f14">{{ order_id }}</strong> 发送给 talkingcoder</p>
-                <p>3. 管理员稍后会确认订单，并加你到预购群，等待发货</p>
-            </div>
-            <div style="margin-top: 16px">
-                <p>扫码二维码添加微信，或搜索 talkingcoder</p>
-                <img style="width: 160px;height: 160px;" src="https://i.loli.net/2017/08/07/5988010701dce.jpeg">
-            </div>
-            <div style="text-align: center;margin: 16px 0;">
-                <Button type="primary" size="large" @click="handleFinish">完成付款，并已发送订单号</Button>
-            </div>
-        </div>
-        <div class="order" v-if="steps === 2">
-            <h2>订购完成！</h2>
-            <div style="font-size: 16px;">
-                稍后管理员确认订单后，会加您到预购微信群。
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-    import axios from 'axios';
-    const apiPath = 'https://www.iviewui.com';
-//    const apiPath = 'http://127.0.0.1:9800';
-
-    export default {
-        props: {},
-        data () {
-            return {
-                order_id: 0,
-                steps: 0,
-                formItem: {
-                    name: '',
-                    phone: '',
-                    address: ''
-                },
-                ruleValidate: {
-                    name: [
-                        {
-                            required: true,
-                            message: '姓名不能为空',
-                            trigger: 'blur'
-                        }
-                    ],
-                    phone: [
-                        {
-                            required: true,
-                            message: '电话不能为空',
-                            trigger: 'blur'
-                        }
-                    ],
-                    address: [
-                        {
-                            required: true,
-                            message: '收货地址不能为空',
-                            trigger: 'blur'
-                        }
-                    ]
-                }
-            };
-        },
-        methods: {
-            handleOrder () {
-                if (this.formItem.name === '') {
-                    this.$Notice.warning({
-                        title: '请输入姓名'
-                    });
-                    return false;
-                }
-                if (this.formItem.phone === '') {
-                    this.$Notice.warning({
-                        title: '请输入联系电话'
-                    });
-                    return false;
-                }
-                if (this.formItem.address === '') {
-                    this.$Notice.warning({
-                        title: '请输入收获地址'
-                    });
-                    return false;
-                }
-
-                this.$Modal.confirm({
-                    title: '收获信息确认',
-                    content: `<p>姓名：${this.formItem.name}</p><p>电话：${this.formItem.phone}</p><p>地址：${this.formItem.address}</p><p><strong style="color: #ed3f14;font-size: 12px;">目前 100 本签名版已售罄，您将要购买的是普通版（无纪念品），请知晓，感谢您的支持。</strong></p>`,
-                    onOk: () => {
-                        const params = new URLSearchParams();
-                        params.append('name', this.formItem.name);
-                        params.append('phone', this.formItem.phone);
-                        params.append('address', this.formItem.address);
-
-                        axios({
-                            method: 'post',
-                            url: `${apiPath}/order/buy`,
-                            data: params,
-                            headers: {
-                                'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
-                            }
-                        }).then(res => {
-                            if (res.data.status_code === '0') {
-                                this.order_id = res.data.data.order.id;
-                                this.steps = 1;
-                            }
-                        });
-                    },
-                    onCancel: () => {
-
-                    }
-                });
-            },
-            handleFinish () {
-                this.$Modal.confirm({
-                    title: '付款确认',
-                    content: `<p>确认已完成付费并发送订单号后，请点击确定按钮。</p>`,
-                    onOk: () => {
-                        this.steps = 2;
-                    },
-                    onCancel: () => {
-
-                    }
-                });
-            }
-        },
-        mounted () {
-            document.body.style.background = '#f8f8f9';
-            document.body.style.height = '100%';
-            document.getElementsByTagName('html')[0].style.height = '100%';
-            document.getElementsByTagName('div')[0].style.height = '100%';
-        }
-    };
-</script>
-<style scoped>
-    .vue-book{
-        width: 60%;
-        min-height: 100%;
-        margin: 0 auto;
-        padding: 16px;
-        background: #fff;
-        box-shadow: 0 2px 2px rgba(0,0,0,.2);
-    }
-    h1{
-        text-align: center;
-    }
-    .steps{
-        margin: 16px 0 32px;
-    }
-    .order{
-        padding: 16px;
-    }
-</style>
\ No newline at end of file