工具/原料
微信小程序 web-view
方法/步骤
1、打开微信开发者工具。
2、选择新建小程序。
3、输入项目信息后,点击”确定“。
4、进入开发画面。
5、点击”index wxml“右侧将其他代码都删除,在容器中,添加”web-view“。
6、给这个web-view添加src属性这里添加需要的地址即可。
7、完成后保存修改,在左侧的手机模拟器中,即可查看效果。
在小程序中没有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
})
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)