| var() CSS 函数可以插入一个自定义属性（有时也被称为“CSS 变量”）的值，用来代替非自定义 属性中值的任何部分。

1.初始化样式与颜色

view,text{box-sizing: border-box;
}
page{--themColor:#ad905c;--globalColor:#18191b;--focusColor:#4b4b4b;--descColor:#7f7f7f;--greyColor:#8f8f8f;--subColor:#b3b2b2;--lightColor:#e3e3e3;--globalBgColor1:#e3e3e5;--globalBgColor2:#f6f6f5;--globalBgColor3:#fdfdfc,}

.title{color: var(--globalColor);
}

2.初始化app.json

创建主要的几个页面，创建tabBar，配置选中颜色

{"pages":["pages/index/index","pages/classify/classify","pages/news/news"],"window":{"backgroundTextStyle":"dark","navigationBarTitleText": "酒巷子","navigationBarTextStyle":"white"},"style": "v2","sitemapLocation": "sitemap.json","tabBar": {"color": "#4b4b4b","selectedColor": "#bda066","list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "/static/images/home.png","selectedIconPath": "/static/images/home-fill.png"},{"pagePath": "pages/classify/classify","text":"分类","iconPath": "/static/images/all.png","selectedIconPath": "/static/images/all-fill.png"},{"pagePath": "pages/news/news","text": "资讯","iconPath": "/static/images/news.png","selectedIconPath": "/static/images/news-fill.png"}]}
}

芜湖，初始化完成~

1.创建自定义全局/局部组件：【微信小程序】创建自定义组件_进阶的CC的博客-CSDN博客