小程序开发中的一些总结

正文

请到「今天看啥」查看全文

changeInputSizeUp: function() {
 do something
}

五. 弹窗时 禁止背景页面滑动操作

弹框标签添加 catchtouchmove="return"

<view wx:if="{{isShowConfirm}}" catchtouchmove="return">

六. 输入框标签聚焦或键盘输入时触发

1. bindinput 键盘输入时触发
2. bindfocus 输入框聚焦时触发

<textarea maxlength="70" bindinput='setValue' data-name='stuEidtName'>textarea>

七. 日期选择器

1. .wxml文件

<view class="section">
  <view class="section__title">日期选择器view>
  <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
    <view class="picker">
      当前选择: {{date}}
    view>
  picker>
view>

2. .js文件

bindDateChange: function(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      date: e.detail.value
    })
  },

八. 文本超出显示省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  // 第几行显示省略号
overflow: hidden;

九. 小程序下拉刷新之后停止下拉框的显示

加载完数据后添加 wx.stopPullDownRefresh()

请到「今天看啥」查看全文