需要注意,不同手机腊扰高度是不相同的。当然宽度也不相同,但是小程序给了轮搭旦你一种机制枝蠢rpx,可以把屏幕宽度确定在750rpx,那么只要考虑高度上适应。
官方小程序菜单位于所有界面(包括小程序内嵌的网页和插件),且位置固定,开发者不可对其内容进行自定义,只能选择深浅两种配色方案,设计时要预留出该位置区域,若要在小程序菜单附近放置可交互元素,要注意与小程序菜单不冲突,可识别,易 *** 作。
wxml文件厅纯内容
fixed='true' 如果 textarea 是在一个 position:fixed 的区域,需要显衫穗示指定属性 fixed 为 true
contenteditable="true" 是否自动增高,设置auto-height时,style.height不生效
placeholder-style 指定 placeholder 的样式
placeholder 输入框为空时占位符
wxss文件内或伏卜容
在小程序中没有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条)