1.直接在app.json中的page参数中配置路由,会直接创建相对就的文件夹及wxss,wxml,js,json文件
{
"pages":[
"pages/first/first",
"pages/second/second"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#436645",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
2.单独设置某一页面下的顶部栏的背景颜色,在其对应的.json文件下修改即可
{
"navigationBarBackgroundColor": "#905f80"
}
3.this.setData()
(注意:onload函数下面执行的是异步操作,异步操作里面this.data....=xxx 直接赋值,是无效的,必须使用this.setData())
this.setData({
swiperList: [
{
url: "https://m.360buyimg.com/mobilecms/s1125x690_jfs/t20398/323/2075253710/374328/d0e669b0/5b45bbd4N2300c436.jpg!cr_1125x549_0_72!q70.jpg"
},
{
url: "https://img1.360buyimg.com/da/s828x404_jfs/t21853/317/2200841359/181822/da885c0e/5b4c103fN01f97491.jpg!cr_1125x549_0_72.dpg"
},
{
url: "https://m.360buyimg.com/mobilecms/s828x404_jfs/t22090/85/2004520833/140864/7d8b6a96/5b433aabN691d4dc6.jpg!cr_1125x549_0_72!q70.jpg.dpg"
}
],
msg: " He llo Wor ld"})
4. {{}} 在标签属性中使用中必须加""
5. wx:for-index="item" wx:for-item="item"
6.template模板
6-1.创建模板文件夹及内的wxml和wcss文件
6-2.定义<template name="tem"></template>
6-3.<import src="路径"></import>
<template is="tem" data="{{swiperList}}"></template>
6-4.模板的样式文件也需要被引用在引用模板的wxss文件中引
@import "****.wxss"
6-5.template不能引脚本文件js template只是模板化编程,而非模块化编程
7.template实际在html中不会显示出来,只是一个占位符
7.var postData = require("../../data/data.js") 必须只能是相对路径
8.catchtap="函数名"
9.把数据绑定到元素标签的属性
格式:data-xxx