小程序学习（01）——template模块化

文件夹有.json的别忘记在json文件里输入" () "，不然会报错

文件夹有.js的别忘记在js文件里输入" page({}) "，不然会报错

wxss尽量使用rpx，起到自适应效果 一般1px=2rpx

app.json

{
  "pages":[
    "pages/welcomes/welcome", //页面第一个显示
    "pages/posts/post"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#b3d4db",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

微信截图_20190114163610.png

welcome引导页

welcome.wxml

  
  Hello,sunny
  
  
    
    开启小程序之旅
  

welcome.wxss (略)

welcome.js

// pages/welcomes/welcome.js
Page({
  ontap: function () {
    wx.redirectTo({
      url: '../posts/post',
    })
  }
})

posts新闻列表页

post.wxml