qq_26728817的博客

首先看一下效果：首页1.边框动画 使用的是Datavhttp://datav.jiaminghi.com/guide/borderBox.html#dv-border-box-8 使用请走按需引入http://datav.jiaminghi.com/guide/#%E6%8C%89%E9%9C%80%E5%BC%95%E5%85%A5内容页数字滚动插件 vue-count-to新闻列表滚动 vue-seamless-scroll弹窗动画效果 请看我上一篇文章用的echarts大屏自适

效果图TotalUser index.vue<template> <common-card title="累计用户数" value="1,056,355" > <template> <div id="total-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template v-s

效果图：TodayUser下 index.vue<template> <common-card title="今日交易用户数" value="62,832" > <template> <div id="today-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template

效果图TotalOrders index.vue<template> <common-card title="累计订单量" value="2,119,762" > <template> <div id="total-orders-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template

效果截图TotalOrders下index.vue<template> <common-card title="累计销售" value="￥ 32,039,165" > <template> <div class="compare-wrapper"> <div class="compare"> <span>日同比</span>

1.创建项目vue create imooc-datav-report-dev配置如下：2.启动项目：cd imooc-datav-report-devnpm run serve3.修改部分文件components下的文件都删除了views就保留一个home.vue首先看一下router.jsimport Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'Vue.