亚洲乱色熟女一区二区三区麻豆,永久黄网站色视频免费,亚洲欧美日韩一区二区,亚洲综合色噜噜狠狠网站超清,中文字幕乱码一区二区三区免费

      iview

      執(zhí)行npm install iview --save 在項(xiàng)目中引入iview

      引入 iView #

      一般在 webpack 入口頁面 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 必須要寫成 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)使用的是中文，通過設(shè)置可以使用其它語言。

      在 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)簽書寫規(guī)范，所有標(biāo)簽都可以使用首字母大寫的形式，包括 Vue 限制的兩個(gè)標(biāo)簽 Switch 和 Circle。

      雖然不推薦，但通過 loader 選項(xiàng)配置，可以開啟所有標(biāo)簽前綴的寫法了，比如 i-date-picker。

      安裝 #

      首先通過 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)容

      通過設(shè)置col的span參數(shù)，指定跨越的范圍，其范圍是1到24

      每個(gè)row中的col總和應(yīng)該為24

      水平排列的布局。

      col必須放在row里面。

      使用報(bào)錯(cuò)：

      Parsing ERROR: x-invalid-end-tag :

      問題原因

      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 中。