MINA

MINA结构目录

基本目录结构：

image.png

⼩程序根⽬录下的 sitemap.json ⽂件⽤于配置⼩程序及其⻚⾯是否允许被微信搜索索引。

MINA的配置文件

tabBar

微开工具里面：

------app.json------
按t即出现自动提示：
  "tabBar": {
    "list": [{
      "pagePath": "pagePath",
      "text": "text",
      "iconPath": "iconPath",  // 未选中的图标
      "selectedIconPath": "selectedIconPath"  //选中的图标
    }]
  },

页面配置

页面目录下的 page.json 这类和小程序页面相关的配置。每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置

image.png

配置示例：

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

页面配置json文件的作用：

1. 自定义导航栏外观
2. 在后期使用自定义组件时也需要在这个json文件中配置

sitemap.json

微信现已开放小程序内搜索，开发者可以通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。爬虫访问小程序内页面时，会携带特定的 user-agent：mpcrawler 及场景值：1129。需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中

MINA的模板语法

  1 text 相当于以前web中的 span标签 行内元素  不会换行
  2 view 相当于以前web中的 div标签 块级元素  会换行
  3 checkbox 相当于以前的复选框标签 

数据绑定

普通写法

<view> {{ message }} </view>

Page({
  data: {
    message: 'Hello MINA!'
 }

组件属性的写法

<view id="item-{{id}}"> </view>

Page({
  data: {
    id: 0
 }

***使用bool类型充当属性 checked***  
    字符串和 花括号之间一定不要存在空格 否则会导致识别失败 
      以下写法就是错误的示范
         <checkbox checked="       {{isChecked}}"> </checkbox>