add

src/components/CountTo.vue

+<template>
+  <CountTo
+    :startVal="startVal"
+    :endVal="endVal"
+    :duration="duration"
+    :decimals="decimals"
+    :separator="separator"
+    :suffix="suffix"
+    :prefix="prefix"
+  />
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+export default {
+    name: 'VueCountTo', // TODO: 数字变动组件
+    components: { CountTo },
+    props: {
+        autoplay: { type: Boolean, default: true }, // 自动播放 默认为 True
+        startVal: { type: Number, default: 0 }, // 起始值
+        endVal: { type: Number, default: 0 }, // 结束值
+        duration: { type: Number, default: 800 }, // 持续时间，以毫秒为单位
+        decimals: { type: Number, default: 0 }, // 要显示的小数位数
+        separator: { type: String, default: ',' }, // 分隔符
+        prefix: { type: String, default: '' }, // 前缀
+        suffix: { type: String, default: '' } // 后缀
+    }
+}
+</script>
+
+<style scoped>
+span {
+  font-family: "Century Gothic";
+}
+</style>

src/components/Swiper/index.vue

+<template>
+    <swiper :options="swiperOption">
+        <slot>
+            <!-- 滚动内容 -->
+            <!-- 下面的按需求引入 -->
+        </slot>
+        <!-- <div class="swiper-pagination" slot="pagination"></div>
+        <div class="swiper-button-prev" slot="button-prev"></div>
+        <div class="swiper-button-next" slot="button-next"></div> -->
+    </swiper>
+</template>
+
+<script>
+import { swiper } from 'vue-awesome-swiper'
+import 'swiper/dist/css/swiper.css'
+
+export default {
+    name: 'Swiper',
+    props: {
+        options: {
+            type: Object,
+            default () {
+                return {}
+            }
+        }
+    },
+    data () {
+        return {
+            swiperOption: {
+                // 滚动方向
+                // direction: 'vertical',
+                // 展示swiper-slide的个数
+                slidesPerView: 1,
+                // 展示swiper-slide是否居中
+                centeredSlides: true,
+                autoplay: {
+                    delay: 3000,
+                    disableOnInteraction: false // 手动切换之后继续自动轮播
+                },
+                loop: true
+                // 显示分页
+                // pagination: {
+                //     el: '.swiper-pagination',
+                //     clickable: true // 允许分页点击跳转
+                // },
+                // 设置点击箭头
+                // navigation: {
+                //     nextEl: '.swiper-button-next',
+                //     prevEl: '.swiper-button-prev'
+                // }
+            }
+        }
+    },
+    components: {
+        swiper
+    },
+    created () {
+        this.initPage()
+    },
+    methods: {
+        initPage () {
+            // 合并参数
+            Object.assign(this.swiperOption, this.options)
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.swiper-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    .swiper-slide {
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
\ No newline at end of file

src/components/echarts/LineChart.vue

+<template>
+    <chart-el :chartOpt="chartConf" />
+</template>
+
+<script>
+import mixinChart from 'runner/common/mixins/mixinChart'
+
+export default {
+    name: 'LineChart',
+
+    mixins: [mixinChart],
+
+    data () {