整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html5小游戲源代碼程序設計html源碼網頁電子版資料素材



          家好,今天給大家介紹一款, 一組12個文字動畫特效html頁面源碼,(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          每款都有獨立的動畫(圖2)

          圖2

          每個動畫都可以按重播按鈕重復播放(圖3)

          圖3

          源碼完整,需要的朋友可以下載學習(圖4)

          圖5

          本源碼編碼:10177,需要的朋友,點擊下面的鏈接后,搜索10177,即可獲取。

          「鏈接」

          介紹

          一個基于 vue、Echart 框架的大數據可視化(大屏展示)模板,提供數據動態刷新渲染、屏幕適應、內部圖表自由替換、Mixins注入等功能。

          開源地址

          https://gitee.com/MTrun/big-screen-vue-datav?_from=gitee_search

          項目展示

          項目使用

          1. 如何啟動項目需要提前安裝好nodejs與npm,下載項目后在項目主目錄下運行npm/cnpm install拉取依賴包,然后使用 vue-cli 或者直接使用命令npm run serve,就可以啟動項目,啟動項目后需要手動全屏(按 F11)。
          2. 如何請求數據現在的項目未使用前后端數據請求,建議使用 axios 進行數據請求,在 main.js 位置進行全局配置,在 views/xx.vue 文件里進行前后端數據請求。
          1. 如何動態渲染圖表在components/echart下的文件,比如drawPie()是渲染函數,echartData是需要動態渲染的數據,當外界通過props傳入新數據,我們可以使用watch()方法去監聽,一旦數據變化就調用this.drawPie()并觸發內部的.setOption函數,重新渲染一次圖表。
          1. 如何復用圖表組件因為 Echart 圖表是根據id/class去獲取 Dom 節點并進行渲染的,所以我們只要傳入唯一的 id 值與需要的數據就可以進行復用。如中間部分的任務通過率與任務達標率組件就是采用復用的方式。
          1. 如何更換邊框邊框是使用了 DataV 自帶的組件,只需要去 views 目錄下去尋找對應的位置去查找并替換就可以,具體的種類請去 DavaV 官網查看 如:
          1. 如何更換圖表直接進入 components/echart 下的文件修改成你要的 echarts 模樣,可以去echarts 官方社區里面查看案例。
          2. Mixins 注入的問題使用 mixins 注入解決了圖表重復書寫響應式適配的代碼,如果要更換(新增)圖形,需要將echarts.init()函數賦值給this.chart,然后 mixins 才會自動幫你注入響應式功能。
          3. 屏幕適配問題本項目借助了 flexible 插件,通過改變 rem 的值來進行適配,原設計為 1920px。 ,適配區間為:1366px ~ 2560px,本項目有根據實際情況進行源文件的更改,小屏幕(如:寬為 1366px)需要自己舍棄部分動態組件進行適配,如'動態文字變換組件'會影響布局,需要手動換成一般節點。

          具體使用請移步https://gitee.com/MTrun/big-screen-vue-datav?_from=gitee_search地址參考。


          主站蜘蛛池模板: 久久蜜桃精品一区二区三区| 亚洲欧洲无码一区二区三区| 日韩精品无码一区二区三区免费| 国产成人精品一区二区三在线观看| 亚洲色精品aⅴ一区区三区| 精品无码成人片一区二区98| 中文字幕乱码一区二区免费| 日韩一区二区在线观看| 无码日韩精品一区二区免费| 久久亚洲AV午夜福利精品一区| 久久无码人妻精品一区二区三区| 国产精品亚洲一区二区无码 | 久久福利一区二区| 久久国产午夜精品一区二区三区 | 变态拳头交视频一区二区 | 精品黑人一区二区三区| 国产亚洲一区二区在线观看| 中文字幕亚洲一区| 亚洲成a人一区二区三区| 美女AV一区二区三区| 无码人妻一区二区三区精品视频| 在线精品日韩一区二区三区| 日本一区高清视频| 日韩一区二区精品观看| 国产91精品一区二区麻豆亚洲 | 国产在线无码一区二区三区视频| 国产在线观看一区精品 | 日韩在线视频不卡一区二区三区| 色一情一乱一区二区三区啪啪高| 亚洲一区二区三区在线观看网站| 亚洲欧美国产国产综合一区| 国产成人欧美一区二区三区| 国产综合精品一区二区| 亚洲福利视频一区二区| 一本AV高清一区二区三区| 精品无码人妻一区二区三区品| 亚洲av无码一区二区三区人妖| 相泽南亚洲一区二区在线播放| 日韩一区二区三区精品| 免费一区二区三区| 亚洲色偷精品一区二区三区|