屏五合一通用模板代号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地址参考。