文件说明

project.config.json 项目配置 部分代码说明

setting：{

urlCheck 是否检测安全的域名

es6 是否把 es6 转 es5

postcss 是否把 css 样式自动补全

minified 是否压缩

}

app.json 全局配置

全局配置 API

wxml 相关介绍

wxmlAPI

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<view>{{motto}}</view>

循环渲染
<view wx:for="{{list}}" wx:key="{{index}}"> {{index}} {{item}} </view>

改变for循环item和index的名称
<block wx:for="{{list}}" wx:for-item="data" wx:for-index="inx">
  {{inx}} {{data}}
</block>

条件渲染 (类似vue的v-if、v-else)
<view wx:if="{{isLogin}}">已登录</view>
<view wx:else>请登录</view>

条件显示（类似vue的v-show）
<view hidden="{{isLogin}}">显示内容</view>

绑定点击事件
<button bindtap="“tapName”">按钮</button>

Page({ tapName: function(event) { console.log(event) } }) ...

wxss 相关介绍

wxssAPI

尺寸单位：rpx，根据屏幕宽度自适应。

引入外部 wxss：@import ’…‘

js 相关介绍

WXS（WeiXin Script）是小程序的一套脚本语言

wxsAPI

绑定点击事件

1
<button bindtap="“onTapHandler”">点我+1</button> <view>{{count}}</view>
1
2
3
4
5
6
7
8
9
10
Page({
  data: {
    count: 0,
  },
  onTapHandler: function () {
    this.setData({
      count: this.data.count++,
    });
  },
});
阻止事件冒泡

把绑定方式 bindtap 换成 catchtap 即可。