微信小程序.原生.Tabbar 颜色变量 像素换算 缓存 给页面传数据

Tabbar

效果：

apps.json中添加tabbar：

 "tabBar": {
        "list": [{
            "pagePath": "pagePath",
            "text": "text",
            "iconPath": "iconPath",
            "selectedIconPath": "selectedIconPath"
        }]
    }

注意：

图片可以去iconfont中下载，这里需要本地图片，即：就是上上传到工程中的。

颜色变量

app.wxss

page{
    /* 定义主题颜色 */
    --themeColor: #e63838;
    /* 统一字体大小 */
    font-size: 32rpx;
}

使用：index.wxss

view{
  /* 使用主题颜色 */
  color:var(--themeColor);
  /* color: #d12323; */
}

注意：

1. 定义变量得是--themeColor，两个--开头，否则就会提示没有该属性
2. 使用得用var函数包住

像素换算

750rpx 小程序认为屏幕这么大

实际屏幕不一样大小就需要跟rpx这个单位进行换算

比如：设计稿是375px宽度，那么为保证效果一致，如果字体是14px，那么代码中就得用28rpx

如果设计稿是750px，那么14px字体就用14rpx。

微信缓存数据

wx.setStorageSync("token", token);

wx.getStorageSync('token')

给固定页面传数据

//获取当前页面pages里的所有信息。
let pages = getCurrentPages(); 
//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。
let prevPage = pages[pages.length - 2]; 
// 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。
prevPage.setData({  
    colleageId: e.currentTarget.dataset.cid,
    colleageName: e.currentTarget.dataset.cname,
})
//上一个页面内执行setData操作，将我们想要的信息保存住。当我们返回去的时候，页面已经处理完毕。
wx.navigateBack({
    delta: 1,
})

---

END