vue 图片自适应排列插件_朋友圈图片动态排列，qq说说图片自适应排列

更新记录

1.0.0(2021-02-07)

首次提交组件

平台兼容性

app

微信小程序

支付宝小程序

百度小程序

字节小程序

QQ小程序

快应用

2.9.7

√

h5-Safari

Android Browser

微信浏览器(Android)

QQ浏览器(Android)

Chrome

Edge

Firefox

pc-Safari

√

实现朋友圈图片自适应排列

说明

本组件通常用于需要处理朋友圈或者类似qq空间说说的图片自动排列布局

用法示例

:imgLayout2="imgLayout2" :imgLayout3="imgLayout4">

import imageAdaptation from '../../marchVoiceComponents/marchCircle/imageAdaptation.vue'

export default {

components: {

imageAdaptation

data() {

return {

imgList: [

'../../static/img/cat.jpg','../../static/img/cat.jpg',

'../../static/img/cat.jpg'

imgLayout1:[300,702],

imgLayout2:[321,280],

imgLayout3:[220,220],

}

组件参数

属性名

类型

默认值

说明

imgList

Arrary

null

需要展示的图片路径列表

imgLayout1

Arrary

null

当图片只有一张(imgList.length==1)时，一排一列的布局

imgLayout2

Arrary

null

当图片有两张或四张(imgList.length==4||imgList.length==2)，每行两列时的布局

imgLayout3

Arrary

null

当图片有三张或五张(imgList.length==3||imgList.length==5)，每行三列时的布局

imgLayout1参数说明

注意：imgLayout2，imgLayout3参数性质与imgLayout1相同

类型

说明

参数1

参数2

Number

只能向属性中定义两个参数，用来表示图片宽高，单位rpx

表示对应布局时图片宽度

表示对应布局时图片高度

补充：有任何问题联系qq：780248307 。前端小姐姐，在线求打扰~

vue 图片自适应排列插件_朋友圈图片动态排列，qq说说图片自适应排列相关推荐

Android调用系统分享和指定app分享-微信朋友圈图文分享和qq分享
Android调用系统分享和指定app分享-微信朋友圈图文分享和qq分享标签: Android系统分享QQ分享朋友圈图文分享 2016-09-27 22:54 279人阅读评论(0) 收藏举报 ...
ado.net图片点击刷新_华为官方解答为何微信保存的图片不在图库显示
集微网12月31日消息(文/数码控),很多人在使用智能手机的时候会发现一些奇怪的事情,比如为何微信保存的图片不在图库显示,针对该问题,华为旗下的花粉俱乐部特地发文进行解答. 花粉俱乐部认为以下情况,导 ...
c语言图片变形,单张图片变形拉伸问题-微信朋友圈图片展示样子
又遇到类似朋友圈的图片展示,多张9宫格,单张防止变形,Mark一下,后期可以直接用封装了一个view,用于展示图片 YNImageView.h #import @class SchoolMateMo ...
java byte 图片浏览器直接显示_在imge控件中直接显示图片(图片是byte[]格式)
在工作过程中遇到了这个问题,在网上查了一些资料,结合自己的解决方法及解决过程总结了下,方面以后查阅.如果能帮到同样遇到这个问题的你,将非常高兴哦~_~ 由于asp.net中的Image控件是在Syst ...
微信小程序识别图片并提取文字_分享一个 OCR 文字识别，高效图片转文字的微信小程序...
从白描 App 上线那天起,就一直有人问有没有小程序,我们一直的回答就是:不好意思,暂时没有计划.那从今天开始,就应该回答:去微信里搜索「白描取字扫描」小程序来免费使用吧! 为什么不叫「白描」?当然想 ...
图片转svg标注_两个免费网站轻松搞定图片文件压缩转化！
关注· 点击蓝字,关注我吧图片压缩文件转格式两个免费网站轻松搞定免费处理图片文字网站前几天做公号的时候,上传图片遇到了图片过大无法上传的问题.这两个网站可以看做是兄弟俩,今天推荐给大家,省去 ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
qlabel 显示图片后大小不变_图形编程：QT使用scrollarea显示图片的解决方案
需求: 在界面上点击"显示图片"按钮,会调用scrollarea窗口显示图片,窗口大小能根据图片大小自动调整,但是最大为1024*768,图片过大就要有滚动条来显示 IDE环境: ...
qq浏览器插件_惊艳与吐槽：QQ浏览器升级到 Chromium70 内核以后
腾讯的UI设计一如既往的漂亮在此之前,因为几个槽点迟迟未能解决,一度对QQ浏览器卸了又装装了又卸.比如它的收藏夹,N年前我将建议过,一定要改为下拉弹出式菜单,他们的态度是虚心接受坚决不改. 这几天闲 ...

vue 图片自适应排列插件_朋友圈图片动态排列，qq说说图片自适应排列

vue 图片自适应排列插件_朋友圈图片动态排列，qq说说图片自适应排列相关推荐

最新文章

热门文章