从零开始自制微信小程序11--初识微信小程序7--新增“每周推荐”weekly页并快速调试

-仅展示本周推荐电影

-如何快速调试新增页面

-公共样式表app.wxss

-配置weekly页的标题

 

pages下新建weekly文件夹

里面有weekly文件四个，后缀分别js，json，wxml，wxss

weekly.js

Page({})

weekly.json

{
  "usingComponents": {}
}

weekly.wxml

<view>
  <text>本周推荐</text>
  <image src='/images/Adobe.png'></image>
  <text>教父</text>
  <text>点评：最精彩的剧本，最真实的黑帮电影。</text>
</view>

每一个用户可能访问到的页面，都需要在前局配置中来登记他的访问路径。

app.json

{
  "pages": [
    "pages/weekly/weekly",
    "pages/about/about"
  ]
}

weekly.wxml

<view class='container'>
  <text>本周推荐</text>
  <image src='/images/Adobe.png'></image>
  <text>教父</text>
  <text>点评：最精彩的剧本，最真实的黑帮电影。</text>
</view>

weekly.wxss

.container {
  background-color: #eee;
  height:100vh;

  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items:center;
}

weekly.json

{
  "usingComponents": {},
  "navigationBarTitleText": "每周推荐"
}