开始写项目
今天,就开始写项目
首先把项目搭建好 看图:
1.所用到的文件:
2.需要修改的内容
3.搭建项目的页面:
4.引入字体图标
-
进入阿里巴巴矢量图标库进行操作 :
把你选中的图标添加到购物车
然后点击添加至项目
-
接着点击在线链接,然后复制链接
-
复制链接里面的所有代码,然后再新建一个文件
-
把代码复制到里面
-
接着在下面文件里写
-
看效果:
5.搭建项目tabbar结构
- 就是小程序当中页面最下方的标签结构
首先创建一个文件夹,把图片放进去
- 然后在项目里创建一个文件,把图片全拖进去
- 在app.json里写,把字体样式也写进去
"tabBar": {
"color": "#999",
"selectedColor": "#ff2d4a",
"backgroundColor": "#fafafa",
"position": "bottom",
"borderStyle": "black",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "icons/YY_zhuye_1.png",
"selectedIconPath": "icons/YY_zhuye_1 (1).png"
},
{
"pagePath": "pages/category/index",
"text": "应用",
"iconPath": "icons/应用.png",
"selectedIconPath": "icons/应用 (1).png"
},
{
"pagePath": "pages/cart/index",
"text": "购物车",
"iconPath": "icons/购物车.png",
"selectedIconPath": "icons/购物车 (1).png"
},
{
"pagePath": "pages/user/index",
"text": "我的",
"iconPath": "icons/个人中心.png",
"selectedIconPath": "icons/个人中心 (1).png"
}
]
},
- 看效果