├── public
    ├── robots.txt
    ├── favicon.ico
    ├── img
    │   └── icons
    │   │   ├── favicon-16x16.png
    │   │   ├── favicon-32x32.png
    │   │   ├── apple-touch-icon.png
    │   │   ├── mstile-150x150.png
    │   │   ├── android-chrome-192x192.png
    │   │   ├── android-chrome-512x512.png
    │   │   ├── apple-touch-icon-60x60.png
    │   │   ├── apple-touch-icon-76x76.png
    │   │   ├── apple-touch-icon-120x120.png
    │   │   ├── apple-touch-icon-152x152.png
    │   │   ├── apple-touch-icon-180x180.png
    │   │   ├── msapplication-icon-144x144.png
    │   │   ├── android-chrome-maskable-192x192.png
    │   │   ├── android-chrome-maskable-512x512.png
    │   │   └── safari-pinned-tab.svg
    └── index.html
├── img02.png
├── vue.config.js
├── src
    ├── assets
    │   ├── logo.png
    │   └── img
    │   │   └── top.jpg
    ├── views
    │   ├── About.vue
    │   └── Home.vue
    ├── store
    │   └── index.js
    ├── main.js
    ├── App.vue
    ├── router
    │   └── index.js
    ├── registerServiceWorker.js
    └── components
    │   ├── HelloWorld.vue
    │   └── top.vue
├── babel.config.js
├── .gitignore
├── README.md
└── package.json


/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/img02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/img02.png


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     // 避免selint报错
3 |     lintOnSave: false
4 | }


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/src/assets/img/top.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/src/assets/img/top.jpg


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <h1>This is an about page</h1>
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/public/img/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/favicon-16x16.png


--------------------------------------------------------------------------------
/public/img/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/favicon-32x32.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon.png


--------------------------------------------------------------------------------
/public/img/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/mstile-150x150.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/android-chrome-192x192.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/android-chrome-512x512.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon-60x60.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon-76x76.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon-120x120.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon-152x152.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/apple-touch-icon-180x180.png


--------------------------------------------------------------------------------
/public/img/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/msapplication-icon-144x144.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-maskable-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/android-chrome-maskable-192x192.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-maskable-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tangdou369098655/echarts_vue/HEAD/public/img/icons/android-chrome-maskable-512x512.png


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | 
 4 | Vue.use(Vuex)
 5 | 
 6 | export default new Vuex.Store({
 7 |   state: {
 8 |   },
 9 |   mutations: {
10 |   },
11 |   actions: {
12 |   },
13 |   modules: {
14 |   }
15 | })
16 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | import store from './store'
 5 | import './registerServiceWorker'
 6 | 
 7 | Vue.config.productionTip = false
 8 | 
 9 | new Vue({
10 |   router,
11 |   store,
12 |   render: h => h(App)
13 | }).$mount('#app')
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="home">
 3 |     <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
 4 |     <HelloWorld msg="Welcome to Your Vue.js App"/>
 5 |   </div>
 6 | </template>
 7 | 
 8 | <script>
 9 | // @ is an alias to /src
10 | import HelloWorld from '@/components/HelloWorld.vue'
11 | 
12 | export default {
13 |   name: 'Home',
14 |   components: {
15 |     HelloWorld
16 |   }
17 | }
18 | </script>
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # echarts_vue
 2 | 
 3 | ## Project setup
 4 | ```
 5 | yarn install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | yarn run serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | yarn run build
16 | ```
17 | 
18 | ### Run your tests
19 | ```
20 | yarn run test
21 | ```
22 | 
23 | ### Lints and fixes files
24 | ```
25 | yarn run lint
26 | ```
27 | 
28 | ### Customize configuration
29 | See [Configuration Reference](https://cli.vuejs.org/config/).
30 | # echarts_vue

31 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <router-view/>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <style lang="less">
 8 | #app {
 9 |   font-family: Avenir, Helvetica, Arial, sans-serif;
10 |   -webkit-font-smoothing: antialiased;
11 |   -moz-osx-font-smoothing: grayscale;
12 |   text-align: center;
13 |   color: #2c3e50;
14 | }
15 | 
16 | #nav {
17 |   padding: 30px;
18 | 
19 |   a {
20 |     font-weight: bold;
21 |     color: #2c3e50;
22 | 
23 |     &.router-link-exact-active {
24 |       color: #42b983;
25 |     }
26 |   }
27 | }
28 | </style>
29 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body style="margin: 0;">
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueRouter from 'vue-router'
 3 | import Home from '../views/Home.vue'
 4 | 
 5 | Vue.use(VueRouter)
 6 | 
 7 | const routes = [
 8 |   {
 9 |     path: '/',
10 |     name: 'Home',
11 |     component: Home
12 |   },
13 |   {
14 |     path: '/about',
15 |     name: 'About',
16 |     // route level code-splitting
17 |     // this generates a separate chunk (about.[hash].js) for this route
18 |     // which is lazy-loaded when the route is visited.
19 |     component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
20 |   }
21 | ]
22 | 
23 | const router = new VueRouter({
24 |   mode: 'history',
25 |   base: process.env.BASE_URL,
26 |   routes
27 | })
28 | 
29 | export default router
30 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "echarts_vue",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build"
 8 |   },
 9 |   "dependencies": {
10 |     "axios": "^0.19.2",
11 |     "core-js": "^3.6.4",
12 |     "echarts": "^4.6.0",
13 |     "jsonp": "^0.2.1",
14 |     "ms": "^2.1.2",
15 |     "register-service-worker": "^1.6.2",
16 |     "vue": "^2.6.11",
17 |     "vue-router": "^3.1.5",
18 |     "vuex": "^3.1.2"
19 |   },
20 |   "devDependencies": {
21 |     "@vue/cli-plugin-babel": "^4.2.0",
22 |     "@vue/cli-plugin-pwa": "^4.2.0",
23 |     "@vue/cli-service": "^4.2.0",
24 |     "less": "^3.0.4",
25 |     "less-loader": "^5.0.0",
26 |     "vue-template-compiler": "^2.6.11"
27 |   },
28 |   "browserslist": [
29 |     "> 1%",
30 |     "last 2 versions"
31 |   ]
32 | }
33 | 


--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable no-console */
 2 | 
 3 | import { register } from 'register-service-worker'
 4 | 
 5 | if (process.env.NODE_ENV === 'production') {
 6 |   register(`${process.env.BASE_URL}service-worker.js`, {
 7 |     ready () {
 8 |       console.log(
 9 |         'App is being served from cache by a service worker.\n' +
10 |         'For more details, visit https://goo.gl/AFskqB'
11 |       )
12 |     },
13 |     registered () {
14 |       console.log('Service worker has been registered.')
15 |     },
16 |     cached () {
17 |       console.log('Content has been cached for offline use.')
18 |     },
19 |     updatefound () {
20 |       console.log('New content is downloading.')
21 |     },
22 |     updated () {
23 |       console.log('New content is available; please refresh.')
24 |     },
25 |     offline () {
26 |       console.log('No internet connection found. App is running in offline mode.')
27 |     },
28 |     error (error) {
29 |       console.error('Error during service worker registration:', error)
30 |     }
31 |   })
32 | }
33 | 


--------------------------------------------------------------------------------
/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="hello">
  3 |     <mytop/>
  4 |   <!-- 初始化echarts需要一个有宽高的盒子 -->
  5 |   <div id="mychart" ref='mapbox' style='margin-top:10px;width:100%;min-width:300px;height:100%;min-height:400px'>
  6 | 
  7 |   </div>
  8 |   </div>
  9 | </template>
 10 | 
 11 | <script>
 12 | import mytop from './top.vue'
 13 | import echarts from 'echarts'
 14 | import 'echarts/map/js/china'
 15 | import jsonp from 'jsonp'
 16 | const option1 = {
 17 |     xAxis: {
 18 |         type: 'category',
 19 |         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
 20 |     },
 21 |     yAxis: {
 22 |         type: 'value'
 23 |     },
 24 |     series: [{
 25 |         data: [820, 932, 901, 934, 1290, 1330, 1320],
 26 |         type: 'line'
 27 |     }]
 28 | }
 29 | // 使用地图先注册地图
 30 | const option2 = {
 31 |   title:{text:'疫情地图',link:'http://tangdd.cn',subtext:'全国疫情地图一览表'},
 32 |   series:[{
 33 |     data:[],//用来展示后台给的数据
 34 |     type:'map',//控制是折线图还是地图
 35 |     map:'china',//控制是那个地区地图
 36 |     label:{ show:true ,color: 'black',fontSize:10},//控制对应地区的汉字
 37 |     itemStyle:{
 38 |       areaColor:'pink',
 39 |       borderColor:'#776a6a'
 40 |     },//控制地图的颜色还有边框
 41 |     emphasis:{
 42 |       label:{
 43 |         color:'black',
 44 |         fontSize:12
 45 |       },
 46 |       itemStyle:{
 47 |         areaColor:'#ccc'
 48 |       }
 49 |     },//控制鼠标滑过之后背景色和字体颜色
 50 |     zoom:1,//控制地图的放大缩小
 51 |   }],
 52 |   //分层次显示地图颜色用下面这个东西,就是地图左下角那个东西
 53 |   visualMap:[{
 54 |     zoom:1,
 55 |     type:'piecewise',//条状
 56 |     show:true,
 57 |     splitNumber:5,//默认分为几条，就是看你要搞几个间断
 58 |     pieces:[
 59 |       {min:10000},
 60 |       {min:1000,max:9999},
 61 |       {min:100,max:999},
 62 |       {min:10,max:99},
 63 |       {min:1,max:9}
 64 |       ],
 65 |       align:'right',//控制字和条的位置，默认放到左边
 66 |       // orient:'horizontal',//控制整块的位置是平铺一大长条还是垂直啥的,默认垂直
 67 |       // left:40 ,//控制分段位置控制整块的位置
 68 |       // right:100 //控制分段位置控制整块的位置
 69 |       // showLabel:false,//这个没什么用处，会隐藏字
 70 |       // textStyle：{},//这个很明显是搞字体的
 71 |       inRange:{
 72 |         symbol:'rect',
 73 |         color:['#ffc9c9','#9c0505']
 74 |       },//这个控制小图是圆的还是方的啥的还有渐变色
 75 |       itemWidth:8,
 76 |       itemHeight:4
 77 |   }]
 78 | }
 79 | export default {
 80 |   name: 'HelloWorld',
 81 |   components: {
 82 |     mytop
 83 |   },
 84 |   mounted(){
 85 |     this.getData()
 86 |     this.mychart = echarts.init(this.$refs.mapbox)
 87 |     // mychart.setOption(option1)
 88 |     this.mychart.setOption(option2)
 89 |     this.resizeTheChart()
 90 |     window.addEventListener("resize", this.resizeTheChart);
 91 |   },
 92 |   methods:{
 93 |      resizeTheChart() {
 94 |       if (this.$refs && this.$refs.mapbox) {
 95 |         let mychartNode = document.getElementById('mychart');
 96 |         mychartNode.style.height = mychartNode.offsetWidth*0.8+'px'
 97 |         this.mychart.resize();
 98 |       }
 99 |     },
100 |     // 接口采用自'https://renjinhui.github.io/review_vue/dist/index.html#/yqdt'
101 |     getData(){
102 |       jsonp('https://interface.sina.cn/news/wap/fymap2020_data.d.json?_=1580892522427&callback=__jp0',{},(err,data)=>{
103 |         if(!err){
104 |           console.log(data)
105 |           let list = data.data.list.map(item=>({name:item.name,value:item.value}))
106 |           option2.series[0].data = list;
107 |           console.log(list)
108 |           this.mychart.setOption(option2)//这行代码必须是DOM渲染完成才可以执行哦
109 |         }
110 |       })
111 |     }
112 |   }
113 | }
114 | </script>
115 | 
116 | <!-- Add "scoped" attribute to limit CSS to this component only -->
117 | <style scoped lang="less">
118 | 
119 | *{
120 |  padding:0;
121 |   margin: 0;
122 | }
123 | h3 {
124 |   margin: 40px 0 0;
125 | }
126 | ul {
127 |   list-style-type: none;
128 |   padding: 0;
129 | }
130 | li {
131 |   display: inline-block;
132 |   margin: 0 10px;
133 | }
134 | a {
135 |   color: #42b983;
136 | }
137 | </style>
138 | 


--------------------------------------------------------------------------------
/src/components/top.vue:
--------------------------------------------------------------------------------
  1 | /* eslint-disable camelcase */
  2 | <template>
  3 |   <div class="container">
  4 |     <!-- 头部1 -->
  5 |     <div class="item item_top">
  6 |       <img src="../assets/img/top.jpg" alt class="w_100">
  7 |       <div class="index_item_topfont">
  8 |         <h4>新型冠状病毒</h4>
  9 |         <h4>疫情实时动态 · 省市地图</h4>
 10 |       </div>
 11 |     </div>
 12 |     <!-- 头部2 -->
 13 |     <!-- 中间 -->
 14 |     <div class="font_statement">
 15 |       <div class="statement_title">
 16 |         全国疫情状况
 17 |       </div>
 18 |       <div class="update_time">
 19 |         截止{{ mydata1 }}
 20 |       </div>
 21 |     </div>
 22 |     <!-- 中间 -->
 23 |     <!-- 卡片 -->
 24 |     <div class="myrow">
 25 |       <div class="tag">
 26 |         <p>{{ confirmedCount }}</p>
 27 |         确诊
 28 |       </div>
 29 |       <div class="tag">
 30 |         <p>{{ suspectedCount }}</p>
 31 |         疑似
 32 |       </div>
 33 |       <div class="tag">
 34 |         <p>{{ deadCount }}</p>
 35 |         死亡
 36 |       </div>
 37 |       <div class="tag">
 38 |         <p>{{ curedCount }}</p>
 39 |         治愈
 40 |       </div>
 41 |     </div>
 42 |     <!-- 卡片 -->
 43 |   </div>
 44 | </template>
 45 | 
 46 | <script>
 47 | // import Logo from '~/components/Logo.vue'
 48 | import axios from 'axios'
 49 | 
 50 | export default {
 51 |   components: {
 52 |     // Logo
 53 |   },
 54 |   data () {
 55 |     return {
 56 |       mydata1: '111',
 57 |       confirmedCount: '',
 58 |       suspectedCount: '',
 59 |       curedCount: '',
 60 |       deadCount: ''
 61 |     }
 62 |   },
 63 |   created () {
 64 |     this.setDate()
 65 |     this.getData()
 66 |   },
 67 |   methods: {
 68 |     getData () {
 69 |       axios.get('https://lab.ahusmart.com/nCoV/api/overall').then((res) => {
 70 |         if (res.status === 200) {
 71 |           const _ = res.data.results[0]
 72 |           this.confirmedCount = _.confirmedCount
 73 |           this.suspectedCount = _.suspectedCount
 74 |           this.curedCount = _.curedCount
 75 |           this.deadCount = _.deadCount
 76 |         }
 77 |         // eslint-disable-next-line no-console
 78 |         console.log(res)
 79 |       })
 80 |     },
 81 |     setDate () {
 82 |       this.mydata1 = this.getweek()
 83 |       // eslint-disable-next-line
 84 |       console.log(this.mydata1)
 85 |     },
 86 |     getweek (dateString) {
 87 |       let da = ''
 88 |       if (dateString === undefined) {
 89 |         // 需要修改时间，改为昨天
 90 |         const aaa = new Date() - 86400000
 91 |         const now = new Date(aaa)
 92 |         let nowM = now.getMonth() + 1
 93 |         // eslint-disable-next-line camelcase
 94 |         nowM = nowM < 10 ? '0' + nowM : nowM
 95 |         let nowD = now.getDate()
 96 |         nowD = nowD < 10 ? '0' + nowD : nowD
 97 |         da = now.getFullYear() + '-' + nowM + '-' + nowD
 98 |         // eslint-disable-next-line no-console
 99 |         console.log('昨天系统时间是(偷偷减掉了一天嘿嘿):' + da)
100 |       } else {
101 |         da = dateString.toString()
102 |         // 日期格式2015-12-30
103 |       }
104 |       // 下面备用
105 |       const date1 = new Date(
106 |         da.substring(0, 4),
107 |         parseInt(da.substring(5, 7)) - 1,
108 |         da.substring(8, 10)
109 |       )
110 |       // 当前日期
111 |       const date2 = new Date(da.substring(0, 4), 0, 1)
112 |       // 1月1号
113 |       // 获取1月1号星期（以周一为第一天，0周一~6周日）
114 |       let dateWeekNum = date2.getDay() - 1
115 |       if (dateWeekNum < 0) {
116 |         dateWeekNum = 6
117 |       }
118 |       if (dateWeekNum < 4) {
119 |         // 前移日期
120 |         date2.setDate(date2.getDate() - dateWeekNum)
121 |       } else {
122 |         // 后移日期
123 |         date2.setDate(date2.getDate() + 7 - dateWeekNum)
124 |       }
125 |       const d = Math.round((date1.valueOf() - date2.valueOf()) / 86400000)
126 |       if (d < 0) {
127 |         const date3 = date1.getFullYear() - 1 + '-12-31'
128 |         return this.getweek(date3)
129 |       } else {
130 |         // 得到年数周数
131 |         const year = date1.getFullYear()
132 |         const week = Math.ceil((d + 1) / 7)
133 |         // eslint-disable-next-line no-console
134 |         console.log(year + '年第' + week + '周')
135 |         return da
136 |       }
137 |     }
138 |   }
139 | }
140 | </script>
141 | 
142 | <style lang='less' scoped>
143 | *{
144 |  padding:0;
145 |   margin: 0;
146 | }
147 | h4{
148 |  
149 |   text-align: left;
150 | }
151 | .container {
152 |   width: 100%;
153 |   min-width: 300px;
154 |   // max-width: 50rem;
155 |   margin: 0 auto;
156 |   .item_top {
157 |     position: relative;
158 |     color: white;
159 |     .index_item_topfont {
160 |       position: absolute;
161 |       color: white;
162 |       bottom: 10%;
163 |       font-size: 2rem;
164 |       left: 1rem;
165 |     }
166 |     @media screen and (max-width: 550px) {
167 |       .index_item_topfont {
168 |         left: 0.8rem;
169 |         h4 {
170 |           font-size: 1rem;
171 |         }
172 |       }
173 |     }
174 |     @media screen and (max-width: 300px) {
175 |       .index_item_topfont {
176 |         left: 0.5rem;
177 |         h4 {
178 |           font-size: 0.5rem;
179 |         }
180 |       }
181 |     }
182 |   }
183 |   .font_statement{
184 |     position: relative;
185 |     text-align: left;
186 |     margin: 15px 15px;
187 |     padding: 0px 0px 5px 10px;
188 |     border-left: .2rem solid #f60;
189 |     border-bottom: 1px solid #efefef;
190 |     .statement_title{
191 |       font-size: 20px;
192 |       font-weight: bold;
193 |     }
194 |     .update_time{
195 |       font-size: 12px;
196 |       color: #b6b6b6;
197 |       font-weight: normal;
198 |       vertical-align: middle;
199 |     }
200 |   }
201 |   .myrow{
202 |     display: flex;
203 |     align-items: center;
204 |     flex-wrap: wrap;
205 |     justify-content: center;
206 |     .tag{
207 |       width: 17%;
208 |       margin:0.2rem 0;
209 |       text-align: center;
210 |       border-radius: 4px;
211 |       padding: 10px 10px;
212 |       background-color: #f3f3f3;
213 |       font-size: 15px;
214 |       // margin-right: 5px;
215 |       p{
216 |       color: red;
217 |       font-size: 20px;
218 |       }
219 |     }
220 |   }
221 |   .myrow .tag:not(:nth-child(4n)) {
222 |  margin-right: 5px;
223 | }
224 | }
225 | /* 公共样式1 */
226 | .w_100 {
227 |   width: 100%;
228 | }
229 | .font_h1 {
230 |   font-size: 2rem;
231 | }
232 | .font_h2 {
233 |   font-size: 1.5rem;
234 | }
235 | @media screen and (max-width: 550px) {
236 |   .font_h1 {
237 |     font-size: 1rem;
238 |   }
239 |   .font_h2 {
240 |     font-size: 0.8rem;
241 |   }
242 | }
243 | @media screen and (max-width: 300px) {
244 |   .font_h1 {
245 |     font-size: 0.5rem;
246 |   }
247 |   
248 |     .container .myrow .tag{
249 |       width: 30%;}
250 |      .container   .myrow .tag:not(:nth-child(4n)) {
251 |  margin-right: 0px;
252 | }
253 |   .container .myrow .tag:not(:nth-child(2n)) {
254 |  margin-right: 0.4rem;}
255 |   .font_h2 {
256 |     font-size: 0.2rem;
257 |   }
258 | }
259 | /* 公共样式2*/
260 | </style>
261 | 


--------------------------------------------------------------------------------
/public/img/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
  4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  5 |  width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
  6 |  preserveAspectRatio="xMidYMid meet">
  7 | <metadata>
  8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
  9 | </metadata>
 10 | <g transform="translate(0.000000,16.000000) scale(0.000320,-0.000320)"
 11 | fill="#000000" stroke="none">
 12 | <path d="M18 46618 c45 -75 122 -207 122 -211 0 -2 25 -45 55 -95 30 -50 55
 13 | -96 55 -102 0 -5 5 -10 10 -10 6 0 10 -4 10 -9 0 -5 73 -135 161 -288 89 -153
 14 | 173 -298 187 -323 14 -25 32 -57 41 -72 88 -149 187 -324 189 -335 2 -7 8 -13
 15 | 13 -13 5 0 9 -4 9 -10 0 -5 46 -89 103 -187 175 -302 490 -846 507 -876 8 -16
 16 | 20 -36 25 -45 28 -46 290 -498 339 -585 13 -23 74 -129 136 -236 61 -107 123
 17 | -215 137 -240 14 -25 29 -50 33 -56 5 -5 23 -37 40 -70 18 -33 38 -67 44 -75
 18 | 11 -16 21 -33 63 -109 14 -25 29 -50 33 -56 4 -5 21 -35 38 -65 55 -100 261
 19 | -455 269 -465 4 -5 14 -21 20 -35 15 -29 41 -75 103 -180 24 -41 52 -88 60
 20 | -105 9 -16 57 -100 107 -185 112 -193 362 -626 380 -660 8 -14 23 -38 33 -55
 21 | 11 -16 23 -37 27 -45 4 -8 26 -46 48 -85 23 -38 53 -90 67 -115 46 -81 64
 22 | -113 178 -310 62 -107 121 -210 132 -227 37 -67 56 -99 85 -148 16 -27 32 -57
 23 | 36 -65 4 -8 15 -27 25 -42 9 -15 53 -89 96 -165 44 -76 177 -307 296 -513 120
 24 | -206 268 -463 330 -570 131 -227 117 -203 200 -348 36 -62 73 -125 82 -140 10
 25 | -15 21 -34 25 -42 4 -8 20 -37 36 -65 17 -27 38 -65 48 -82 49 -85 64 -111 87
 26 | -153 13 -25 28 -49 32 -55 4 -5 78 -134 165 -285 87 -151 166 -288 176 -305
 27 | 10 -16 26 -43 35 -59 9 -17 125 -217 257 -445 132 -229 253 -441 270 -471 17
 28 | -30 45 -79 64 -108 18 -29 33 -54 33 -57 0 -2 20 -37 44 -77 24 -40 123 -212
 29 | 221 -383 97 -170 190 -330 205 -355 16 -25 39 -65 53 -90 13 -25 81 -144 152
 30 | -265 70 -121 137 -238 150 -260 12 -22 37 -65 55 -95 18 -30 43 -73 55 -95 12
 31 | -22 48 -85 80 -140 77 -132 163 -280 190 -330 13 -22 71 -123 130 -225 59
 32 | -102 116 -199 126 -217 10 -17 29 -50 43 -72 15 -22 26 -43 26 -45 0 -2 27
 33 | -50 60 -106 33 -56 60 -103 60 -105 0 -2 55 -98 90 -155 8 -14 182 -316 239
 34 | -414 13 -22 45 -79 72 -124 27 -46 49 -86 49 -89 0 -2 14 -24 30 -48 16 -24
 35 | 30 -46 30 -49 0 -5 74 -135 100 -176 5 -8 24 -42 43 -75 50 -88 58 -101 262
 36 | -455 104 -179 199 -345 213 -370 14 -25 28 -49 32 -55 4 -5 17 -26 28 -45 10
 37 | -19 62 -109 114 -200 114 -197 133 -230 170 -295 16 -27 33 -57 38 -65 17 -28
 38 | 96 -165 103 -180 4 -8 16 -28 26 -45 10 -16 77 -131 148 -255 72 -124 181
 39 | -313 243 -420 62 -107 121 -209 131 -227 35 -62 323 -560 392 -678 38 -66 83
 40 | -145 100 -175 16 -30 33 -59 37 -65 4 -5 17 -27 29 -47 34 -61 56 -100 90
 41 | -156 17 -29 31 -55 31 -57 0 -2 17 -32 39 -67 21 -35 134 -229 251 -433 117
 42 | -203 235 -407 261 -451 27 -45 49 -85 49 -88 0 -4 8 -19 19 -34 15 -21 200
 43 | -341 309 -533 10 -19 33 -58 51 -87 17 -29 31 -54 31 -56 0 -2 25 -44 55 -94
 44 | 30 -50 55 -95 55 -98 0 -4 6 -15 14 -23 7 -9 27 -41 43 -71 17 -30 170 -297
 45 | 342 -594 171 -296 311 -542 311 -547 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5
 46 | 22 -47 49 -92 27 -46 58 -99 68 -118 24 -43 81 -140 93 -160 5 -8 66 -114 135
 47 | -235 69 -121 130 -227 135 -235 12 -21 259 -447 283 -490 10 -19 28 -47 38
 48 | -62 11 -14 19 -29 19 -32 0 -3 37 -69 83 -148 99 -170 305 -526 337 -583 13
 49 | -22 31 -53 41 -70 11 -16 22 -37 26 -45 7 -14 82 -146 103 -180 14 -24 181
 50 | -311 205 -355 13 -22 46 -80 75 -130 29 -49 64 -110 78 -135 14 -25 51 -88 82
 51 | -140 31 -52 59 -102 63 -110 4 -8 18 -33 31 -55 205 -353 284 -489 309 -535
 52 | 17 -30 45 -78 62 -106 18 -28 36 -60 39 -72 4 -12 12 -22 17 -22 5 0 9 -4 9
 53 | -10 0 -5 109 -197 241 -427 133 -230 250 -431 259 -448 51 -90 222 -385 280
 54 | -485 37 -63 78 -135 92 -160 14 -25 67 -117 118 -205 51 -88 101 -175 111
 55 | -193 34 -58 55 -95 149 -257 51 -88 101 -173 110 -190 9 -16 76 -131 147 -255
 56 | 72 -124 140 -241 151 -260 61 -108 281 -489 355 -615 38 -66 77 -133 87 -150
 57 | 35 -63 91 -161 100 -175 14 -23 99 -169 128 -220 54 -97 135 -235 142 -245 4
 58 | -5 20 -32 35 -60 26 -48 238 -416 276 -480 10 -16 26 -46 37 -65 30 -53 382
 59 | -661 403 -695 10 -16 22 -37 26 -45 4 -8 26 -48 50 -88 24 -41 43 -75 43 -77
 60 | 0 -2 22 -40 50 -85 27 -45 50 -84 50 -86 0 -3 38 -69 83 -147 84 -142 302
 61 | -520 340 -587 10 -19 34 -60 52 -90 18 -30 44 -75 57 -100 14 -25 45 -79 70
 62 | -120 25 -41 56 -96 70 -121 14 -25 77 -133 138 -240 62 -107 122 -210 132
 63 | -229 25 -43 310 -535 337 -581 11 -19 26 -45 34 -59 17 -32 238 -414 266 -460
 64 | 11 -19 24 -41 28 -49 3 -7 75 -133 160 -278 84 -146 153 -269 153 -274 0 -5 5
 65 | -9 10 -9 6 0 10 -4 10 -10 0 -5 82 -150 181 -322 182 -314 201 -346 240 -415
 66 | 12 -21 80 -139 152 -263 71 -124 141 -245 155 -270 14 -25 28 -49 32 -55 6 -8
 67 | 145 -248 220 -380 37 -66 209 -362 229 -395 11 -19 24 -42 28 -49 4 -8 67
 68 | -118 140 -243 73 -125 133 -230 133 -233 0 -2 15 -28 33 -57 19 -29 47 -78 64
 69 | -108 17 -30 53 -93 79 -139 53 -90 82 -141 157 -272 82 -142 115 -199 381
 70 | -659 142 -245 268 -463 281 -485 12 -22 71 -125 132 -230 60 -104 172 -298
 71 | 248 -430 76 -132 146 -253 156 -270 11 -16 22 -36 26 -44 3 -8 30 -54 60 -103
 72 | 29 -49 53 -91 53 -93 0 -3 18 -34 40 -70 22 -36 40 -67 40 -69 0 -2 37 -66 81
 73 | -142 45 -77 98 -168 119 -204 20 -36 47 -81 58 -100 12 -19 27 -47 33 -62 6
 74 | -16 15 -28 20 -28 5 0 9 -4 9 -9 0 -6 63 -118 140 -251 77 -133 140 -243 140
 75 | -245 0 -2 18 -33 41 -70 22 -37 49 -83 60 -101 10 -19 29 -51 40 -71 25 -45
 76 | 109 -189 126 -218 7 -11 17 -29 22 -40 6 -11 22 -38 35 -60 14 -22 37 -62 52
 77 | -90 14 -27 35 -62 45 -77 11 -14 19 -29 19 -32 0 -3 18 -35 40 -71 22 -36 40
 78 | -67 40 -69 0 -2 19 -35 42 -72 23 -38 55 -94 72 -124 26 -47 139 -244 171
 79 | -298 6 -9 21 -36 34 -60 28 -48 37 -51 51 -19 6 12 19 36 29 52 10 17 27 46
 80 | 38 65 11 19 104 181 208 360 103 179 199 345 213 370 14 25 42 74 64 109 21
 81 | 34 38 65 38 67 0 2 18 33 40 69 22 36 40 67 40 69 0 3 177 310 199 346 16 26
 82 | 136 234 140 244 2 5 25 44 52 88 27 44 49 81 49 84 0 2 18 34 40 70 22 36 40
 83 | 67 40 69 0 2 20 36 43 77 35 58 169 289 297 513 9 17 50 86 90 155 40 69 86
 84 | 150 103 180 16 30 35 62 41 70 6 8 16 24 22 35 35 64 72 129 167 293 59 100
 85 | 116 199 127 220 11 20 30 53 41 72 43 72 1070 1850 1121 1940 14 25 65 113
 86 | 113 195 48 83 96 166 107 185 10 19 28 50 38 68 11 18 73 124 137 235 64 111
 87 | 175 303 246 427 71 124 173 299 225 390 52 91 116 202 143 248 27 45 49 85 49
 88 | 89 0 4 6 14 14 22 7 9 28 43 46 76 26 47 251 436 378 655 11 19 29 51 40 70
 89 | 11 19 101 176 201 348 99 172 181 317 181 323 0 5 5 9 10 9 6 0 10 5 10 11 0
 90 | 6 8 23 18 37 11 15 32 52 49 82 16 30 130 228 253 440 122 212 234 405 248
 91 | 430 13 25 39 70 57 100 39 65 69 117 130 225 25 44 50 87 55 95 12 19 78 134
 92 | 220 380 61 107 129 224 150 260 161 277 222 382 246 425 15 28 47 83 71 123
 93 | 24 41 43 78 43 83 0 5 4 9 8 9 4 0 13 12 19 28 7 15 23 45 36 67 66 110 277
 94 | 478 277 483 0 3 6 13 14 21 7 9 27 41 43 71 17 30 45 80 63 110 34 57 375 649
 95 | 394 685 6 11 16 27 22 35 6 8 26 42 44 75 18 33 41 74 51 90 10 17 24 41 32
 96 | 55 54 97 72 128 88 152 11 14 19 28 19 30 0 3 79 141 175 308 96 167 175 305
 97 | 175 308 0 3 6 13 14 21 7 9 26 39 41 66 33 60 276 483 338 587 24 40 46 80 50
 98 | 88 4 8 13 24 20 35 14 23 95 163 125 215 11 19 52 91 92 160 40 69 80 139 90
 99 | 155 9 17 103 179 207 360 105 182 200 346 211 365 103 181 463 802 489 845 7
100 | 11 15 27 19 35 4 8 29 51 55 95 64 110 828 1433 848 1470 9 17 24 41 33 55 9
101 | 14 29 48 45 77 15 28 52 93 82 145 30 51 62 107 71 123 17 30 231 398 400 690
102 | 51 88 103 179 115 202 12 23 26 48 32 55 6 7 24 38 40 68 17 30 61 107 98 170
103 | 37 63 84 144 103 180 19 36 41 72 48 81 8 8 14 18 14 21 0 4 27 51 59 106 32
104 | 55 72 124 89 154 16 29 71 125 122 213 51 88 104 180 118 205 13 25 28 50 32
105 | 55 4 6 17 26 28 45 11 19 45 80 77 135 31 55 66 116 77 135 11 19 88 152 171
106 | 295 401 694 620 1072 650 1125 11 19 87 152 170 295 83 143 158 273 166 288 9
107 | 16 21 36 26 45 6 9 31 52 55 96 25 43 54 94 66 115 11 20 95 164 186 321 91
108 | 157 173 299 182 315 9 17 26 46 37 65 12 19 66 114 121 210 56 96 108 186 117
109 | 200 8 14 24 40 34 59 24 45 383 664 412 713 5 9 17 29 26 45 15 28 120 210
110 | 241 419 36 61 68 117 72 125 4 8 12 23 19 34 35 57 245 420 262 453 11 20 35
111 | 61 53 90 17 29 32 54 32 56 0 3 28 51 62 108 33 57 70 119 80 138 10 19 23 42
112 | 28 50 5 8 32 53 59 100 27 47 149 258 271 470 122 212 234 405 248 430 30 53
113 | 62 108 80 135 6 11 15 27 19 35 4 8 85 150 181 315 96 165 187 323 202 350 31
114 | 56 116 202 130 225 5 8 25 42 43 75 19 33 92 159 162 280 149 257 157 271 202
115 | 350 19 33 38 67 43 75 9 14 228 392 275 475 12 22 55 96 95 165 40 69 80 139
116 | 90 155 24 42 202 350 221 383 9 15 27 47 41 72 14 25 75 131 136 236 61 106
117 | 121 210 134 232 99 172 271 470 279 482 5 8 23 40 40 70 18 30 81 141 142 245
118 | 60 105 121 210 135 235 14 25 71 124 127 220 56 96 143 247 194 335 51 88 96
119 | 167 102 175 14 24 180 311 204 355 23 43 340 590 356 615 5 8 50 87 101 175
120 | 171 301 517 898 582 1008 25 43 46 81 46 83 0 2 12 23 27 47 14 23 40 67 56
121 | 97 16 30 35 62 42 70 7 8 15 22 18 30 4 8 20 38 37 65 16 28 33 57 37 65 6 12
122 | 111 196 143 250 5 8 55 95 112 193 57 98 113 195 126 215 12 20 27 46 32 57 6
123 | 11 14 27 20 35 5 8 76 130 156 270 80 140 165 287 187 325 23 39 52 90 66 115
124 | 13 25 30 52 37 61 8 8 14 18 14 21 0 4 41 77 92 165 50 87 175 302 276 478
125 | 101 176 208 360 236 408 28 49 67 117 86 152 19 35 41 70 48 77 6 6 12 15 12
126 | 19 0 7 124 224 167 291 12 21 23 40 23 42 0 2 21 40 46 83 26 43 55 92 64 109
127 | 54 95 327 568 354 614 19 30 45 75 59 100 71 128 82 145 89 148 4 2 8 8 8 13
128 | 0 5 42 82 94 172 311 538 496 858 518 897 14 25 40 70 58 100 18 30 42 71 53
129 | 90 10 19 79 139 152 265 73 127 142 246 153 265 10 19 43 76 72 125 29 50 63
130 | 108 75 130 65 116 80 140 87 143 4 2 8 8 8 12 0 8 114 212 140 250 6 8 14 24
131 | 20 35 5 11 54 97 108 190 l100 170 -9611 3 c-5286 1 -9614 -1 -9618 -5 -5 -6
132 | -419 -719 -619 -1068 -89 -155 -267 -463 -323 -560 -38 -66 -81 -140 -95 -165
133 | -31 -56 -263 -457 -526 -910 -110 -190 -224 -388 -254 -440 -29 -52 -61 -109
134 | -71 -125 -23 -39 -243 -420 -268 -465 -11 -19 -204 -352 -428 -740 -224 -388
135 | -477 -826 -563 -975 -85 -148 -185 -322 -222 -385 -37 -63 -120 -207 -185
136 | -320 -65 -113 -177 -306 -248 -430 -72 -124 -172 -297 -222 -385 -51 -88 -142
137 | -245 -202 -350 -131 -226 -247 -427 -408 -705 -65 -113 -249 -432 -410 -710
138 | -160 -278 -388 -673 -506 -877 -118 -205 -216 -373 -219 -373 -3 0 -52 82
139 | -109 183 -58 100 -144 250 -192 332 -95 164 -402 696 -647 1120 -85 149 -228
140 | 396 -317 550 -212 365 -982 1700 -1008 1745 -10 19 -43 76 -72 125 -29 50 -64
141 | 110 -77 135 -14 25 -63 110 -110 190 -47 80 -96 165 -110 190 -14 25 -99 171
142 | -188 325 -89 154 -174 300 -188 325 -13 25 -64 113 -112 195 -48 83 -140 242
143 | -205 355 -65 113 -183 317 -263 454 -79 137 -152 264 -163 282 -50 89 -335
144 | 583 -354 614 -12 19 -34 58 -50 85 -15 28 -129 226 -253 440 -124 215 -235
145 | 408 -247 430 -12 22 -69 121 -127 220 -58 99 -226 389 -373 645 -148 256 -324
146 | 561 -392 678 -67 117 -134 232 -147 255 -13 23 -33 59 -46 80 l-22 37 -9615 0
147 | -9615 0 20 -32z"/>
148 | </g>
149 | </svg>
150 | 


--------------------------------------------------------------------------------