2019-05-31 微信小程序学习

1.设置page颜色 注意：会影响页面内部分view的背景颜色设置显示不上

在index.wxss文件里加page样式如下：

page{

  background-color: lightcyan;

}

2.实现组件横向水平布局

父容器设置样式

3.微信小程序引用组件

目录结构：

目录结构

index引用searchBar

首先在index.json文件里将组件导入，如图：

配置组建

别的跟vue用法都差不多了，在index.html里引用组件就行，绑定值或者方法

组件引用

4.关于外部图标的引用

两种方法：一种下载到本地，用图片的格式.png；一种在线用阿里云库iconfont

第一种：主要用在底部导航栏的图标

底部导航栏

先建三个页面，每个导航栏对应一个页面，要在app.json里面配置

tabBar配置

其中，iconPath是正常图标，selectedIconPath是点击图标后显示的图标（颜色变化）所以同一图标不同颜色要下载两个。

第二种，进入阿里云图标库https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1登录后，选择需要的图标添加到购物车然后添加到我的项目，复制代码放到app.wxss里

app.wxss

同时设置图标样式以及icon名称

也在app.wxss里配置

在html文件里使用的格式：

html文件使用格式

5.微信小程序中data里面的数据不能直接赋值和取值
要用set和get方法，具体来说，赋值时要用

赋值时setData

取值时用法：

that.data.xxx取值

6.关于小程序中传参的方式参考：https://www.hishop.com.cn/xiaocx/show_57082.html?1534496580

7.