1、首先,点击VUE视频相机图标进入,进入以后,点击左下端的“+号”。
2、点“+号”后默认添加的是小视频,点击上端的按钮,选择手机中放图片和文件夹进入。
3、在放图片的文件夹中,选择想要添加的图片,点击选择。
4、选择好图片后,点击右下端的小勾选定。
5、然后,继续点左下端的“+号”按前面讲的方法选择图片,最多选择四张图片。
6、四个图片选择好后,点击下端的红色勾确定保存制作好的小视频。
7、最后,选择要分享小视频的其它平台,然后点完成按钮就可以了。
本地图片一般存放在src/assets或者public目录下,public目录下的图片不会被webpack打包,src目录下面的图片会被webpack打包
在vue组件中的script中使用require引入,require里面为图片路径,一般用相对路径,注意require不能接收变量作为地址
在vue组件中的视图中直接使用相对地址
在uniapp、index.vue中导入图片的方法分别如下:1、在uniapp导入图片的方法是在js中通过require() 引入图片(图片大小不能超过3kb)或在html中通过相对路径引入(绝对路径打包后图片不显示)。
2、在index.vue中导入图片的方法是先给图片地址绑定变量,在script中设置变量。直接将图片引入为模块,require imgUrl from "../assets/test.png"。即可完成图片的导入。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)