微信小程序细碎知识点（一） 背景图片的设置（mode模式），tab栏以及自定义导航栏消失

最近在弄微信小程序，把开发过程中遇到的问题和细碎知识点记录下来，方便查询

一、有关Tabbar和导航栏的知识

1. 在所有页面让顶部导航栏消失：在app.json中添加 “navigationStyle”:“custom”
   自定义某个页面A让导航栏消失，其他页面导航栏存在，则在A.json中添加"navigationStyle":“custom” ，
   app.json中添加 “navigationStyle”:“default”
2. Tabbar中最多5个子项，最少2个子项，有属性：
   “color”
   “backgroundColor”
   “selectedColor”
   “borderStyle”（只有white/black)

二、背景图片的设置

注意:不能直接在wxss中直接添加本地图片，会报错！！！
方法：
1.将本地图片用Base64转码，（但一般转码后的代码会很长）
2.在wxml中使用image标签
image的mode模式：

在wxml中:

<view class="container">
 <image class='background' src="../../iamges/background.jpg" mode="aspectFill"/>
</view>

在wxss中：

.background {
  width: 100%;
  height: 100%;
  position:fixed; 
  background-size:100% 100%;
  z-index: -1;//可以让背景图置于最底层，不影响其他操作
}

背景图片透明度设置： 给image标签添加opacity属性 值为0-1

<image style="opacity={{1}}"/>  //要用{{}}

3.用网上的在线图片网址