屏五合一通用模板代號kpsite發布上線，它適用于各個行業的中小企業建站， 這是歷時半年左右陸續開發出來的，它是響應式的 基于html5開發，功能模塊比較多，可以根據實際用途來進行刪減，包括包括但不限于 新聞（支持ai發布，定時發布）、產品、商品（支持購買 在線支付）、榮譽資質，招聘，相冊，視頻，友情鏈接，關于，聯系 ，信息，獲客表單等等。

演示地址：

http://kpsite.kuaping.com/

關于適配

除了功能比較多以外，主打的是電腦、平板、手機、微信、公眾號都適配兼容，故名跨屏五合一，這個在當下時代非常重要，因為人們總是用電腦、平板、手機等設備上網，微信也是常用的聊天app，所以網站要全面適配這些設備或者軟件，這樣網站才能發揮它本身跨屏幕、跨平臺的作用。

關于代碼

值得一提的是，該模板基于html5+css3代碼手寫開發，相比于市面上很多拖拽式建站不同，那種通常會生成大量的js代碼，導致網站的臃腫 代碼沉於，而該模板基于bem命名方式，代碼不僅干凈整潔，而且非常規范，符合w3c網頁標準，利于seo，有利于在seo中發揮作用。

關于跨屏網

跨屏網最早可以追溯到2010年，我們認為網站適配手機非常重要，上線之初 就主打電腦、平板、手機跨屏幕、跨平臺自適應網站建設，故名跨屏建站網。

圳模板網站的網站建設服務包括網站設計、網站制作、網站優化等多個方面，滿足不同企業和個人的不同需求。無論是簡單的單頁網站還是復雜的電商網站，深圳模板網站都能夠為客戶提供滿意的服務。該公司擁有豐富的經驗和專業的技術，能夠快速、高效地搭建起客戶所需的網站。

深圳模板網站的設計師們采用創新的設計理念和流行的設計風格，打造出具有個性化、專業化的網站。從網站的整體規劃到界面的設計，從顏色的搭配到字體的選擇，深圳模板網站的設計師們都能夠為客戶量身定制出最適合他們的網站設計。這些設計不僅能夠滿足客戶的實際需求，還能夠提高網站的用戶體驗和可訪問性。

深圳模板網站的編程人員們采用多種技術手段，包括CSS、HTML、JS等等，實現了網站的高效運行和良好的用戶體驗。同時，他們還注重網站的SEO優化工作，為客戶提供更好的市場推廣效果。深圳模板網站致力于為客戶提供全方位的網站建設服務，從而幫助他們實現自己的營銷目標。

對于客戶而言，選擇深圳模板網站建設服務是一個明智的選擇。因為深圳模板網站的服務不僅質量高，而且價格實惠。同時，該公司也注重客戶的售后服務，定期跟進客戶的網站運營情況，幫助他們優化網站、提高訪問量和轉化率。

總之，深圳模板網站是一個值得信賴的網站建設服務提供商。該公司擁有專業的技術和豐富的經驗，能夠為客戶提供卓越的網站建設服務。如果您需要建設一個高質量、有個性的網站，深圳模板網站將是您最好的選擇之一。

介紹

一個基于 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 文件里進行前后端數據請求。

3. 如何動態渲染圖表在components/echart下的文件，比如drawPie()是渲染函數，echartData是需要動態渲染的數據，當外界通過props傳入新數據，我們可以使用watch()方法去監聽，一旦數據變化就調用this.drawPie()并觸發內部的.setOption函數，重新渲染一次圖表。

4. 如何復用圖表組件因為 Echart 圖表是根據id/class去獲取 Dom 節點并進行渲染的，所以我們只要傳入唯一的 id 值與需要的數據就可以進行復用。如中間部分的任務通過率與任務達標率組件就是采用復用的方式。

5. 如何更換邊框邊框是使用了 DataV 自帶的組件，只需要去 views 目錄下去尋找對應的位置去查找并替換就可以，具體的種類請去 DavaV 官網查看 如：

6. 如何更換圖表直接進入 components/echart 下的文件修改成你要的 echarts 模樣，可以去echarts 官方社區里面查看案例。
7. Mixins 注入的問題使用 mixins 注入解決了圖表重復書寫響應式適配的代碼，如果要更換(新增)圖形，需要將echarts.init()函數賦值給this.chart，然后 mixins 才會自動幫你注入響應式功能。
8. 屏幕適配問題本項目借助了 flexible 插件，通過改變 rem 的值來進行適配，原設計為 1920px。 ，適配區間為：1366px ~ 2560px，本項目有根據實際情況進行源文件的更改，小屏幕（如:寬為 1366px）需要自己舍棄部分動態組件進行適配，如'動態文字變換組件'會影響布局，需要手動換成一般節點。

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