一、矢量图的引用

登录iconfont网站 选择自己想要的标签，选择下载入库即可

新建文件 将样式引入 iconfont.css

接下来在全局样式文件中引入app.wxss @import“样式文件路径”

样式的使用方式：按照类选择器的方式使用样式图标即可。

二、底部栏的创建

创建文件夹icons放入自己的图标图片

在app.json文件路由中 
页面路由的配置即可

"pagePath": "pages/my/index" ,"text":"我的”，
"iconPath": "icons/ _my.png",
"selectedIconPath": "icons /my.png"

分两种：主题在appjson 全局样式在app.wxss

我们都知道 微信小程序在页面都会有自己的主题样式以及颜色的，那么这又是怎么实现的那？

实现主题的颜色 并不是在全局样式文件中更改的 而是在json中进行更改的。

"window":{
"backgroundTextstyle": "light",
"navigationBarBackgroundColor":“#FF5700",
"navigationBarTitleText": "Java1234商城",
"navigationBarTextStyle": "black"
}

如上就是实现一个小程序最初的步骤，基本的主页都是这样配置的。接下来我们将如何实现搜索框以及如何向后端的接口进行调用互动