在小程序中没有DOM *** 作的方法,所以慧岁祥获取不到相应的DOM节点进行高度设置。
解决方案
1.css方案
<view class="{{isFold ?'flod':'extend' }}" bindtap="flodFn">
我是一个很长的文字
</view>
.flod{
//折叠样式
}
.extend{
//展开样式
}
flodFn:function(){
this.setData({
isFold: !this.isFold
})
}
2.动态渲染方案
<view bindtap="flodFn">
<view wx:if="{{isFold}}" >
我是一个很长的文字
</view>
<view wx:else>
我是一个很长的文字
</view>
</view>
flodFn:function(){
this.setData({
isFold: !this.isFold
})
}
高级
如果是列表,前搏需要结合复杂雀孝数据处理,建议阅读
因为对小程序父标返厅签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~
<view id='viewID'>
<view id="scriptID">
var query = wx.createSelectorQuery()
纤悄 //选择id
query.select('#numID').boundingClientRect()
query.select('#scriptID').boundingClientRect()
query.exec(function (res) {
//res就是 所有标签为mjltest的元素的信息 的数组
console.log('所有:',res)
/毁世渣/取高度
that.setData({
storyHeight:that.data.detailHeight -(res[0].height+res[1].height)
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)