在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ mintUI部分組件沒有效果(popup等)

mintUI部分組件沒有效果(popup等)

1.安裝mintUI

npm install -g vue-cli
vue init webpack mintui-demo

2.按照官網(wǎng)文檔執(zhí)行命令, main.js文件

import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

3.在組件中引用mintUI組件

<mt-popup v-model="isshow" position="bottom">
  顯示信息
</mt-popup>

isshow有放在data里面,并且通過事件置為true,最終卻沒有效果

clipboard.png

PS:引入mt-swipe控件,也完全沒有效果

 <mt-swipe :show-indicators="true">
  <mt-swipe-item>1</mt-swipe-item>
  <mt-swipe-item>2</mt-swipe-item>
  <mt-swipe-item>3</mt-swipe-item>
</mt-swipe>
回答
編輯回答
尋仙

沒有試過這種方式引入,我通常是直接vue-cli初始化一個模板,然后在main.js里引入的。

你這種情況看上去是CSS沒有引入成功,你可以試著把依賴文件夾(node_modules)下的mint-ui下的對應(yīng)css文件拷出來,在index.html中引入,然后到瀏覽器控制臺去看相應(yīng)的css樣式是不是引入成功了。

2017年3月2日 13:29