update

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/PopupFrame.vue

@@ -88,17 +88,13 @@ export default {
                 top: 7px;
             }
         }
-        .content {
-            margin-top: 15px;
-        }
         .close {
             width: 24px;
             height: 24px;
-            // background: url('../../static/images/index/bulletFrame-close.png')
-            //     no-repeat left top;
+            background: url('../../static/images/index/bulletFrame-close.png') no-repeat left top;
             position: absolute;
-            top: 36px;
-            right: 19px;
+            top: 20px;
+            right: 20px;
             cursor: pointer;
         }
     }

src/pages/index/Left.vue

@@ -99,15 +99,19 @@
                 </vue-seamless-scroll>
             </div>
         </div>
+        <!-- 弹框 -->
+        <popup-frame :visible="visible" :layout="{width: '960px', height: '540px'}" @beforeClose="closePopup">
+            <img src="../../../static/images/index/studentDemeanor.jpg" alt="弹框">
+        </popup-frame>
     </div>
 </template>
 
 <script>
-import TitleLine from '@/components/TitleLine'
-import BarChart from '@/components/echarts/BarChart.vue'
-import PieChart from '@/components/echarts/PieChart.vue'
-import LineChart from '@/components/echarts/LineChart.vue'
-import Swiper from '@/components/Swiper'
+import TitleLine from 'components/TitleLine'
+import BarChart from 'components/echarts/BarChart.vue'
+import PieChart from 'components/echarts/PieChart.vue'
+import LineChart from 'components/echarts/LineChart.vue'
+import Swiper from 'components/Swiper'
 import { swiperSlide } from 'vue-awesome-swiper'
 import utils from 'utils'
 export default {
@@ -185,7 +189,9 @@ export default {
                 step: 0.35,
                 singleHeight: 50
             },
-            greatKey: 0
+            greatKey: 0,
+            // 弹框是否显示
+            visible: false
         }
     },
 
@@ -385,6 +391,11 @@ export default {
         // 打开学员风采弹框
         openStudent (index) {
             console.log(index)
+            this.visible = true
+        },
+        // 关闭弹框
+        closePopup (data) {
+            this.visible = data
         },
         // 把数组中的key转成name
         formatArr (arr) {

src/public/apis/proxy.js

@@ -4,7 +4,7 @@
 
 module.exports = {
     host: '127.0.0.1',
-    port: '8082', // 自定义端口号
+    port: '8087', // 自定义端口号
     proxyTable: { // Vue开发环境跨域配置
         '/apis': {
             target: 'http://test-a.com',

src/public/plugins/index.js

@@ -5,7 +5,6 @@ import ContentContainer from 'components/ContentContainer'
 // 页面头
 import Header from 'components/Header'
 // 插件
-import CountTo from 'components/CountTo.vue'
 import PopupFrame from '@/components/PopupFrame'
 
 const UsePlugin = {}
@@ -21,8 +20,6 @@ UsePlugin.install = function (Vue, options = {}) {
     // 内容容器
     Vue.component('content-container', ContentContainer)
     Vue.component('page-head', Header)
-    // 数组滚动
-    Vue.component('count-to', CountTo)
     // 弹框组件
     Vue.component('popup-frame', PopupFrame)
 }