微信小程序

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值