大亨的学习日记-微信小程序（第三天）

---

前言

学小程序的同时试着做一个项目，电商小程序。今天只做了项目的基础环节—项目搭建

---

项目搭建

1.搭建目录结构

2.引入iconfont

• 图标是从阿里矢量图标库找的
  

3.搭建tabber导航栏

• app.json加入tabber，并设置其颜色

4.初始化页面样式

• 在微信小程序中不支持通配符

/* 初始化页面 在微信小程序中不支持通配符 */
page,view,text,swiper,swiper-item,image,navigator{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

• 定义统一样式，包括字体大小、主题色

page{
  /* 通过变量定义主题颜色 */
  --themeColor:#eb4450;
  /* 定义统一字体大小 */
    font-size: 45rpx;
}

• 定义顶部栏颜色
  
  

---

总结

Over
Good luck！