微信小程序细碎知识点(一) 背景图片的设置(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模式:
微信小程序细碎知识点(一) 背景图片的设置(mode模式),tab栏以及自定义导航栏消失_第1张图片微信小程序细碎知识点(一) 背景图片的设置(mode模式),tab栏以及自定义导航栏消失_第2张图片
在wxml中:

>
 >
>

在wxss中:

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

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

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

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

你可能感兴趣的:(微信小程序,css,html5,小程序)