美文网首页
百度小程序零碎基础

百度小程序零碎基础

作者: Cherry9507 | 来源:发表于2019-07-23 15:24 被阅读0次

    快捷键

    shift+alt+f =>格式化代码

    按钮边框样式

    button

    不要好奇为什么button组建怎么设置都去不掉border,放上这行css就行了:

    button::after{
        border: none;
    }
    

    版本库兼容

    如果审核不通过 ,提到版本库不兼容,直接提升最低版本库就行了,在小程序管理后台设置,在名称一起的表格里

    上拉加载

    Page({
      data:{
        page:1,
        loading:false
      },
      onReachBottom: function () {
            let page = this.data.page;
            page += 1;
            this.setData({
                page: page
            })
            let data = {
                page: page,
                pageCount: 5
            }
            //homeModel.getNewsList是封装过的方法,swan.request({})就行
            homeModel.getNewsList(data, res => {
                
                if (res.data.length == 0) {
                    //如果请求数据数组长度为0,显示弹框
                    swan.showToast({
                        title: '看看其他的吧~',
                        duration:'1000'
                    });
                    //loading模块隐藏
                    this.setData({
                        loading: false
                    })
                } else {
                    var that = this;
                    //loading模块显示
                    that.setData({
                        loading: true
                    })
                    var timeOut = setTimeout(function () {
                        请求到的数据更新到数组newsList 里面
                        let arr = that.data.newsList.concat(res.data)
                        //loading模块隐藏
                        that.setData({
                            newsList:arr,
                            loading:false
                        })
                    }, 1000)
                    
                }
    
            })
        },
    })
    

    点击active效果

    <block s-for="item,index in swiper">
    <swiper-item>
    <view class="item {{index==item_index ? 'red':''}}" bindtap="select_item" data-index="{{index}}">
    {{item.typeName}}</view>
    </swiper-item>
    </block>
    
    //select_item
    select_item(e){
      this.setData({
        item_index: e.currentTarget.dataset.index
       })
     }
    
    如果有不知道的功能,文档又没介绍的,去看微信小程序吧,换了张皮而已,wx.xxx换成swan.xxx试试,十有八九可以用

    相关文章

      网友评论

          本文标题:百度小程序零碎基础

          本文链接:https://www.haomeiwen.com/subject/mzlfkctx.html