款家居家私的官方網(wǎng)站系統(tǒng)，設(shè)計(jì)輕奢大氣。

前端內(nèi)容均可通過后臺(tái)修改。當(dāng)然你也可以用于其他行業(yè)的官網(wǎng)使用，只要你喜歡這個(gè)設(shè)計(jì)。

大致功能：

1、會(huì)員系統(tǒng)

2、支付功能

3、標(biāo)簽功能

4、熊掌號(hào)提交功能

5、文章發(fā)布功能

6、SEO設(shè)置功能

7、多語言版（后臺(tái)一鍵開啟）

8、插件功能

9、多語言功能

10、水印功能

11、強(qiáng)大內(nèi)容編輯及排版修改功能

12、友好的百度收錄

更多功能搭建體驗(yàn)。

源碼原文下載地址：https://wcqh.cn/6592.html

介紹

一個(gè)基于 vue、Echart 框架的大數(shù)據(jù)可視化（大屏展示）模板，提供數(shù)據(jù)動(dòng)態(tài)刷新渲染、屏幕適應(yīng)、內(nèi)部圖表自由替換、Mixins注入等功能。

開源地址

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

項(xiàng)目展示

項(xiàng)目使用

1. 如何啟動(dòng)項(xiàng)目需要提前安裝好nodejs與npm,下載項(xiàng)目后在項(xiàng)目主目錄下運(yùn)行npm/cnpm install拉取依賴包，然后使用 vue-cli 或者直接使用命令npm run serve，就可以啟動(dòng)項(xiàng)目，啟動(dòng)項(xiàng)目后需要手動(dòng)全屏（按 F11）。
2. 如何請(qǐng)求數(shù)據(jù)現(xiàn)在的項(xiàng)目未使用前后端數(shù)據(jù)請(qǐng)求，建議使用 axios 進(jìn)行數(shù)據(jù)請(qǐng)求，在 main.js 位置進(jìn)行全局配置，在 views/xx.vue 文件里進(jìn)行前后端數(shù)據(jù)請(qǐng)求。

3. 如何動(dòng)態(tài)渲染圖表在components/echart下的文件，比如drawPie()是渲染函數(shù)，echartData是需要?jiǎng)討B(tài)渲染的數(shù)據(jù)，當(dāng)外界通過props傳入新數(shù)據(jù)，我們可以使用watch()方法去監(jiān)聽，一旦數(shù)據(jù)變化就調(diào)用this.drawPie()并觸發(fā)內(nèi)部的.setOption函數(shù)，重新渲染一次圖表。

4. 如何復(fù)用圖表組件因?yàn)?Echart 圖表是根據(jù)id/class去獲取 Dom 節(jié)點(diǎn)并進(jìn)行渲染的，所以我們只要傳入唯一的 id 值與需要的數(shù)據(jù)就可以進(jìn)行復(fù)用。如中間部分的任務(wù)通過率與任務(wù)達(dá)標(biāo)率組件就是采用復(fù)用的方式。

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

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

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