前端大屏展示框架搭建（二）

基於element-ui進行布局。

element-ui

babel-plugin-component

vue-cli-plugin-element

如上圖所示：

採用element的container布局容器作為頁面的整體布局，這裡是基於1366x768畫素做大屏頁面，然後對全屏頁面進行等比例縮放。

layout.vue

height: 768px;

transform-origin: center top 0px;

position: relative;

left: 50%;

margin-left: -683px;}

這樣就得到了如下的布局了

這裡基本就是基本的大屏展示框架了，然後為了適應大屏，需要對全屏頁面等比例縮放，放到前端大屏展示框架搭建（三）介紹了，都是常用的方法。

大屏開發框架工程**

FR大屏展示

frm是表單，決策報表。cpt是普通報表。大屏用的是決策報表 比較 表單可以區域性重新整理，自適應，元件之間聯動，單獨使用控制項。大屏價值 乙個汽車大屏案例 展現公司實力 課前安裝兩個外掛程式 jar包所在路徑 fr home webreport web inf lib和 fr home lib 外...

大屏展示解決方案

解決方案 步驟1 業務專家制定大屏內容顯示方案 工作內容 首先根據業務場景抽取關鍵指標，然後定義分析指標的維度，最後定義指標的統計圖型別和頁面劃分。步驟2 設計人員設計整體布局和風格 工作內容 根據業務專家劃分的頁面進行指標布局，根據使用者要求的色系進行樣圖設計,根據終端使用者定稿的樣圖進行切圖。步...

前端 Vue Element UI框架搭建

npm install g webpacknpm install g cnpm registry npm install g vue clivue init webpack如果提示vue不是內部或外部命令說明沒有配置環境變數，找到vue.cmd所在目錄，加到環境變數path裡 目前可用的模板 bro...