iView軟件介紹
iview是一款功能非常全面的電腦中后臺(tái)UI源碼編程工具，友善的API應(yīng)用程序編程接口，幫助開(kāi)發(fā)人員訪問(wèn)列程更快捷，支持警告提示、全局提示、通知提醒、問(wèn)題提示、氣泡提示、時(shí)間軸、樹(shù)形控件等高質(zhì)量的豐富功能，全面輔助用戶使用過(guò)程。
iView軟件功能
高質(zhì)量、功能豐富
友好的 API ，自由靈活地使用空間
細(xì)致、漂亮的 UI
事無(wú)巨細(xì)的文檔
可自定義主題
iView軟件說(shuō)明
iview
執(zhí)行npm install iview --save 在項(xiàng)目中引入iview
引入 iView #
一般在 webpack 入口頁(yè)面 main.js 中如下配置：
import iView from 'iview'
import 'iview/dist/styles/iview.css'
//導(dǎo)入樣式
Vue.config.productionTip = false
Vue.use(iView)
在非 template/render 模式下(例如使用 cdn 引用時(shí))，組件名要分隔，例如 DatePicker 必須要寫(xiě)成 date-picker。
以下組件，在非 template/render 模式下，需要加前綴 i-：
Button: i-button
Col: i-col
Table: i-table
Input: i-input
Form: i-form
Menu: i-menu
Select: i-select
Option: i-option
progress: i-progress
以下組件，在所有模式下，必須加前綴 i-，除非使用 iview-loader：
Switch: i-switch
Circle: i-circle
2.因?yàn)閕View 的所有組件文案默認(rèn)使用的是中文，通過(guò)設(shè)置可以使用其它語(yǔ)言。
在 Webpack 中使用 #
完整引入 iView
import Vue from 'vue';
import iView from 'iview';
import locale from 'iview/dist/locale/en-US';
3.
iView Loader
用途 #
統(tǒng)一 iView 標(biāo)簽書(shū)寫(xiě)規(guī)范，所有標(biāo)簽都可以使用首字母大寫(xiě)的形式，包括 Vue 限制的兩個(gè)標(biāo)簽 Switch 和 Circle。
雖然不推薦，但通過(guò) loader 選項(xiàng)配置，可以開(kāi)啟所有標(biāo)簽前綴的寫(xiě)法了，比如 i-date-picker。
安裝 #
首先通過(guò) npm 安裝 iview-loader
npm install iview-loader --save-dev
4.柵格
采用了24柵格系統(tǒng)，將區(qū)域進(jìn)行24等分
使用row在水平方向創(chuàng)建一行
將一組col插入在row中
在每個(gè)col中，鍵入自己的內(nèi)容
通過(guò)設(shè)置col的span參數(shù)，指定跨越的范圍，其范圍是1到24
每個(gè)row中的col總和應(yīng)該為24
水平排列的布局。
col必須放在row里面。
使用報(bào)錯(cuò)：
Parsing ERROR: x-invalid-end-tag :
問(wèn)題原因
iView將標(biāo)簽渲染為原生html標(biāo)簽時(shí)，由于這些標(biāo)簽是自閉合的，所以有end標(biāo)簽會(huì)報(bào)錯(cuò)。
解決方案
修改配置文件，忽略該項(xiàng)檢查：
根目錄下 - .eslintrc.js - rules
添加一行：
'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]
重啟dev： npm run dev
組件概述 #
Layout：布局容器，其下可嵌套 headersidercontentFooter或 Layout 本身，可以放在任何父容器中。
Header：頂部布局，自帶默認(rèn)樣式，其下可嵌套任何元素，只能放在 Layout 中。
Sider：側(cè)邊欄，自帶默認(rèn)樣式及基本功能，其下可嵌套任何元素，只能放在 Layout 中。
Content：內(nèi)容部分，自帶默認(rèn)樣式，其下可嵌套任何元素，只能放在 Layout 中。
Footer：底部布局，自帶默認(rèn)樣式，其下可嵌套任何元素，只能放在 Layout 中。
iView更新日志
1.細(xì)節(jié)更出眾!
2.BUG去無(wú)蹤
華軍小編推薦：
強(qiáng)烈推薦下載iView，誰(shuí)用誰(shuí)知道，反正小編我已經(jīng)用了。此外，快表軟件、AlphaEbot動(dòng)作編輯軟件、自動(dòng)化測(cè)試工具AutoRunner、Easy GUI、小海龜LOGO語(yǔ)言也是不錯(cuò)的軟件，歡迎點(diǎn)擊下載體驗(yàn)！
您的評(píng)論需要經(jīng)過(guò)審核才能顯示
有用
有用
有用