最新公告
  • 如遇下载失效问题,请联系在线客服,客服24小内为您解决!立即加入我们
  • 小程序中点击添加新元素显示在下面的demo示例

    点击添加按钮,新添加的元素显示在在底部

    WXML代码:
    <!--index.wxml-->  
    <button type="primary" bindtap="addItemFn">添加</button>  
    <scroll-view class="scroll" scroll-y="true" scroll-top="{{scrollTop}}" >  
      <view class="classname"></view>  
      <block wx:for="{{lists}}" wx:key="*this">  
        <view class="item" data-index="{{index}}" id="item{{index}}">item {{index}}--{{item.place}}</view>  
      </block>  
    </scroll-view>
    
    WXSS代码:
    page{height: 100%;}  
    .scroll{height:400rpx; border: 2px solid #f00;}  
    .item{ background: #ddd; margin: 10px 0; height: 40px;}
    
    JS代码:
    //获取应用实例  
    var app = getApp()  
    Page({  
      data: {  
        lists: [  
          { place: "北京" },  
          { place: "深圳" },  
          { place: "上海" },  
          { place: "广州" },  
          { place: "珠海" }  
        ],  
        //记录item个数  
        itemCount: 5,  
        scrollTop: 100,//设置滚动条到顶部的距离  
      },  
      //事件处理函数  
      addItemFn: function () {  
        var {lists, itemCount} = this.data;  
        var newData = { place: "default" };  
        lists.push(newData);  
        this.setData({  
          lists: lists,  
          itemCount: itemCount,  
        })
    
    //单独拿出来用setData 放一个里会出现问题  
        this.setData({  
          scrollTop: this.data.scrollTop + 50 // 50代表你要添加的元素的高度  
        })  
      },  
    })
    免责需知
    1、本站所有资源均来源于网络收集,一切版权©归原作者所有,请保留原版权信息。
    2、本站分享仅供参考学习和演示,禁止商用,如需商用,请从正规渠道选择购买正版!使用正版!支持正版!维护一个良好的知识产权环境。
    3、内容故是参考与学习,不确保能正常演示,也不包含其中的技术服务。
    4、排除在某个功能上存在有其它的BUG或源码残缺的可能,购买后一率不能退款。
    5、资源下载不含技术服务,需付费安装请联系客服100元/次。
    6、文件储存在网盘,如发现链接或者密码有误,请联系客服。
    7、如果付款后下载不了,请提交工单说明,客服会在24小时内解决,如果解决不了,会为您退款。
    8、侵权反馈邮箱:yutongyuncom@qq.com
    顺风猫 » 小程序中点击添加新元素显示在下面的demo示例

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    顺风猫
    一个高级程序员模板开发平台