記錄使用mint ui的感想

2021-09-25 23:38:03 字數 1518 閱讀 7049

mint-ui

今天記錄一下使用mint-ui的心得,首先說明一下mint-ui是用來做手機端介面的ui庫,這個ui庫我是做專案的時候使用到了,所以今天簡單的說明記錄一下該庫的一些存在的一些可能會出問題的地方,畢竟剛開始使用,不是很熟練,所以簡單的寫一下。

vue安裝引入mint-ui

和引入平常的ui庫一樣,在終端輸入:

npm i mint-ui -

s

main.js中引入:

import mintui from

'mint-ui'

vue.

use(mintui)

個別的樣式是需要單獨引入的

部分引入的話,直接在main.js中引入需要的功能:

import

from

'mint-ui'

vue.

component

(button.name, button)

vue.

component

(cell.name, cell)

舉例使用第一類:直接引用

舉例使用乙個提示資訊吧:

import

from

'mint-ui'

;let instance =

toast

('提示資訊');

下面將這個提示語句封裝起來:

import

from

'mint-ui'

;/**

* @instance mint-ui 提示語句

* @param val 需要傳遞的話

*/export

function

instance

(val)

,2000);

}

建議:類似於這樣的提示我基本都會封裝起來,目的很簡單的,我們使用的時候麻煩程度是一樣的,但是更改的時候就會簡單很多,直接乙個檔案更改就可以,例如產品讓你將提示時間改為3秒,那個時候你總不能乙個乙個來吧,直接乙個檔案改是最好的。

舉例使用第二類:繫結資料
:slots

="slots"

@change

="onvalueschange"

>

mt-picker

>

export

default}}

,data()

,,]}

;}};

MUI和Mint UI元件的使用

github 倉儲位址 mint ui官方文件 匯入所有mintui元件 import mintui from mint ui 匯入樣式表 import mint ui lib style.css 在 vue 中使用 mintui vue.use mintui 使用的例子 primary size ...

mintUI的使用方式及優缺點

mintui 是一款依託於vue.js的元件化方案,具體引入方式在官網 首頁就有,這裡不詳細介紹,只是講解如何更快速的理解 和 熟悉這套框架 進入官網後後有乙個選擇項 我們可以選擇中文版api 可以看到 左側的選單中總共分為三個選項,js components css components form...

會議記錄及感想

老師真的很優秀,從言談舉止就可以看出。開會的時候,老師總是會根據每個人說的話去仔細的找每個人的優點,去找每個人閃光的地方。而且在給予意見的時候總是話語很溫柔。老師真的很棒,我感覺進了小組這麼久,好像就沒有老師解決不了的問題。每個人都會遇到各種各樣的問題,但是老師總能很輕鬆的給出解決方案。這就是見識,...