项目介绍:
SmallProgram
基于微信开发者工具开发的一款简易的小程序
1、 用微信开发工具 v1.0.2.1904090 开发的一个简易的小程序,无论是iPhone、Android还是平板都可以展示的一个小程序
2、项目中的每个模块都有四个文件:.js、.json、.wxml、wxss
3、项目中的配置文件以及界面的的展示样式都在 app.json 和 app.wxss 文件中实现github源码链接
gitee码云源码链接app.json中的配置文件
- {
- "pages": [
- "pages/index/index",
- "pages/contact/contact",
- "pages/profile/profile",
- "pages/shop/shop",
- "pages/shopList/shopList"
- ],
- "window": {
- "navigationBarBackgroundColor": "#f60",
- "navigationBarTitleText": "畅想未来",
- "navigationBarTextStyle": "white"
- },
- "tabBar": {
- "color": "#999",
- "selectedColor": "#ee523d",
- "backgroundColor": "#f6faed",
- "borderStyle": "black",
- "position": "bottom",
- "list": [
- {
- "pagePath": "pages/index/index",
- "text": "首页",
- "iconPath": "assets/tabs/home.png",
- "selectedIconPath": "assets/tabs/home-active.png"
- },
- {
- "pagePath": "pages/contact/contact",
- "text": "消息",
- "iconPath": "assets/tabs/contact.png",
- "selectedIconPath": "assets/tabs/contact-active.png"
- },
- {
- "pagePath": "pages/shop/shop",
- "text": "购物",
- "iconPath": "assets/tabs/shopping.png",
- "selectedIconPath": "assets/tabs/shopping-active.png"
- },
- {
- "pagePath": "pages/profile/profile",
- "text": "我的",
- "iconPath": "assets/tabs/profile.png",
- "selectedIconPath": "assets/tabs/profile-active.png"
- }
- ]
- },
- "sitemapLocation": "sitemap.json"
- }
复制代码
iOS端示例动图
iOS端示例动图
Android端示例动图
Android端示例动图
iPad端示例动图
iPad端示例动图