vue.js怎么整合mint-ui里的轮播图


本篇内容介绍了“vue.js怎么整合mint-ui里的轮播图”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!初始化vue项目安装mint-uimint-ui装好了,还要配置一下babel,方法跟着mint-ui的官方文档来配置就可以了下面是我配置好的 .babelrc 文件,启动的时候会报跟es2015相关的错,装一下 babel-preset-es20 香港云主机15 就好了集成打开创建的vue项目demo,在src里找到 components/HelloWorld.vue 文件,然后将内容换成下面内容找两张图片,名字分别是 img1.png , img2.png , 放在demo项目的static里,然后启动项目打开浏览器:http://localhost:8080/注意1.如果发现文字都是居中的可以找到文件 App.vue 把里面的居中css代码去掉就好了2.如果页面有内边距设置一下 body 的样式 margin: 0 auto;3.页面里用的时候,必须要给类样式一个高度,要不然图片不出来 .mint-swipe { height: 218px; }“vue.js怎么整合mint-ui里的轮播图”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站,小编将为大家输出更多高质量的实用文章!

相关推荐: 电脑浏览器出现花屏怎么办

这篇文章主要介绍了电脑浏览器出现花屏怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。方法/步骤:1.打开计算机管理器界面,随后选择显示适配器进入。2.在展开适配器之后,直 香港云主机接双击打…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/16 11:06
下一篇 07/16 11:07

相关推荐