微信小程序-动态获取view高度

微信小程序-动态获取view高度,第1张

因为对小程序标签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wxcreateSelectorQuery();

        //选择id

        queryselect('#numID')boundingClientRect()

        queryselect('#scriptID')boundingClientRect()

        queryexec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          consolelog('所有:',res);

          //取高度

          thatsetData({

            storyHeight:thatdatadetailHeight -(res[0]height+res[1]height)

          })

        });

imag标签的属性mode="widthFix"

例如: <image mode="widthFix" src="//images/Product_story_xqpng"></image>

针对引入后高度显示不正确:

1image标签的默认属性——height:“240px”

2image标签不确认高度没有办法写属性:height。

解决方法:

image标签加入 mode="widthFix"这样的效果是自动匹配高度

例如: <image mode="widthFix" src="//images/Product_story_xqpng"></image>

wxml文件内容

fixed='true' 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true

contenteditable="true" 是否自动增高,设置auto-height时,styleheight不生效

placeholder-style 指定 placeholder 的样式

placeholder 输入框为空时占位符

wxss文件内容

以上就是关于微信小程序-动态获取view高度全部的内容,包括:微信小程序-动态获取view高度、小程序image标签的高度、微信小程序textArea输入框随着输入字数自适应高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10162286.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存