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

百度小程序零碎基础

作者: 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