解决mintUI的swipe组件图片显示不了并延伸学习到了学习ui框架的方法

最近想写一个移动端的前端vue项目，mint-UI是比较符合的前端框，我本来准备用它的轮播图组件swiper，但是觉得官网上描述的太模糊的，然后搜搜搜，看了一个视频，上面说可以去github官网上搜索mint-UI项目把它下载下来，再找到其中的example文件夹，里面是各个组件的例子，可以将你要使用的组件复制到你的项目当中，再配置一下路由再在浏览器中输入路由地址或者是也可以直接在app组件中使用就可以看到效果了。

我把swipe组件下下来之后发现它还是只显示了文字，没有图片显示，通过将css样式中以下代码删除掉

@component-namespace page {@component swipe {}}

再在以下的代码

<mt-swipe :auto="4000"><mt-swipe-item class="slide1">1</mt-swipe-item><mt-swipe-item class="slide2">2</mt-swipe-item><mt-swipe-item class="slide3">3</mt-swipe-item></mt-swipe>

的外部还要用一个div包裹并且要设置这个包裹div的宽高才能看到

解决mintUI的swipe组件图片显示不了并延伸学习到了学习ui框架的方法相关推荐

【最强解决办法】日式打印图片显示不全（word预览却是全的），打印画质下降、转PDF下降等问题
原文带图片链接:[最强解决办法]打印图片显示不全(word预览却是全的),打印画质下降.转PDF下降等问题最近写论文,由于学会要求PDF稿内的图片大于300dpi,于是在word那儿折腾了半天. 有 ...
解决Internet HTML邮件中图片显示为红叉（X）的问题
Lotus Notes在Linux,Mac OS, Windows平台上,5.0以及以上版本可能会碰到下面的问题: 当你的Lotus Notes®客户端从Internet上收到一封电子邮件,比如说新闻 ...
解决运行MaskRCNN demo没有图片显示问题（windows）
环境: windows10,CUDA10.0,cudnn7.6.5(使用TensorFlow官方推荐会报错),pycharm. 其余环境配置参考以下博文:windows下MaskRCNN环境配置[保姆 ...
微信小程序——＜image＞图片组件图片显示闪烁
解决方法: 1.设置height:auto 2.不加 mode="widthFix"
jasperreport生成html,解决JasperReport 导出 Html 时图片显示问题 | 谢邵虎的博客
String jasperFilePath = "WEB-INF/reports/test.jasper"; // 获得报表模板文件对象 File reportFile = get ...
Scrapy是什么?Scrapy怎么用?Scrapy进阶使用[链接提取器、自动登录、图片(文件)下载器](基于scrapy2.0+编写) ๑乛◡乛๑ Scrapy框架使用方法
文章目录 Scrapy框架链接提取器(LinkExtractors) Rule与LinkExtractor 实战演示自动登录旧方法-携带cookie登录和模拟提交登录表单新方法-自动登录图片 ...
word中图片为嵌入式格式时显示不全_打印Word图片显示不全 Word2007图片显示不全解决方法...
打印Word图片显示不全 Word2007图片显示不全解决方法,平凡的世界平凡的你,努力学习使我们变得不平凡,今天要介绍的知识是打印Word图片显示不全的相关知识,你准备好学习打印Word图片显示不全 ...
android listview数据错乱,AndroidListview 滑动过程中图片显示重复错乱解决方案
主要分析Android中Listview滚动过程造成的图片显示重复.错乱.闪烁的原因及解决方法,顺便跟进Listview的缓存机制. 1.原因分析 Listview item 缓存机制:为了使得性能更 ...
富文本在服务器上图片不显示,解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题...
关于解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题. 本文可能会对以下现象得以解决: 图片上传组件,没有 [上传] 选项卡. 资源无法加载 [imgupload] ( ...

解决mintUI的swipe组件图片显示不了并延伸学习到了学习ui框架的方法

解决mintUI的swipe组件图片显示不了并延伸学习到了学习ui框架的方法相关推荐

最新文章

热门文章