mintUI部分组件没有效果(popup等)

Question

1.安装mintUI

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

2.按照官网文档执行命令, 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，最终却没有效果

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>

Answer 1

没有试过这种方式引入，我通常是直接vue-cli初始化一个模板，然后在main.js里引入的。

你这种情况看上去是CSS没有引入成功，你可以试着把依赖文件夹（node_modules）下的mint-ui下的对应css文件拷出来，在index.html中引入，然后到浏览器控制台去看相应的css样式是不是引入成功了。

Answer 2

楼主什么原因啊？我用的picker组件正常，popup组件浏览器元素上没有解析成html元素，还是mt-pop标签