Mint UI 是餓了么開(kāi)源的，基于 Vue.js 的移動(dòng)端組件庫(kù)。

無(wú)錫網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),無(wú)錫網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為無(wú)錫千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的無(wú)錫做網(wǎng)站的公司定做！

關(guān)于Mint UI，有文檔不夠準(zhǔn)確詳盡，組件略顯粗糙，功能不夠完善等問(wèn)題；也有高度組件化，體積小等優(yōu)點(diǎn)。

安裝Mint UI：

# Vue 1.x 
npm install mint-ui@1 -S 
# Vue 2.0 
npm install mint-ui -S 

引入組件：

// 引入全部組件 
import Mint from 'mint-ui'; 
import 'mint-ui/lib/style.css' 
Vue.use(Mint); 
// 按需引入部分組件 
import { CellSwipe } from 'mint-ui'; 
Vue.component(CellSwipe.name, CellSwipe); 

從文檔中摘錄API，Slot如下：

代碼示例：

 
 
 
   
   
{{section.PartName}}
 
   
{{section.TeacherName}}
 
   
 
 
 

:right可以定義不止一個(gè)按鈕，也可以自行修改CellSwipe的默認(rèn)樣式

效果展示：

總結(jié)

以上所述是小編給大家介紹的Vue 使用 Mint UI 實(shí)現(xiàn)左滑刪除效果CellSwipe，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！