这个是记录张益达同学使用微信小程序的点滴
  • 小程序url传多个参
wx.navigateTo({
    url: 'www.baiddu.com?type=' + event.currentTarget.dataset.type+'&id='+event.currentTarget.id
})
  • 小程序接收url传的参数
onload:function(options){
    
}

/* 这里options便是url传过来的参数
  • [ ] 请求头未包含 x-wx-code,请配合客户端 SDK 登录后再进行请求(未解决)
  • 小程序scroll-view之水平滚动
<scroll-view scroll-x class="scroll-header">
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red" class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_yellow"></view>
</scroll-view>
.scroll-header{
    display: flex;
    white-space: nowrap;
}
.scroll-header view{
    height:380px;
    width:300px;
    margin: 0 10px;
    border-radius: 15px;
    display:inline-block; 
}
  • 小程序对每个页面的window设置不同的颜色

{
    "backgroundTextStyle": "light",//下拉背景字体、loading 图的样式,仅支持 dark/light
    "navigationBarBackgroundColor": "#2b85e4",//window背景色
    "navigationBarTitleText": "ToDo",//window显示的文字
    "navigationBarTextStyle": "white"//window显示的文字的颜色
}
  • 小程序util.js的使用
一般我们会把公共的函数提出来放在util.js里,供全局使用
//引入
let util = require('../../utils/util.js');

//使用方法
let date = util.formatTime(new Date);
that.setData({
  currDate: date
})
  • 小程序使用font Awesome
这里我以经把font Awesome字体图标装换为base64,可下载使用

app.wxss

使用方法和font Awesome官方使用方法一样,须注意的是我是直接覆盖app.wxss文件,如果你不是请单独复制到你要使用的.wxss文件中去

<view class='fa fa-align-left '></view>
<view class='fa fa-search '></view>

扫描二维码,在手机上阅读!