欢迎光临
我们一直在努力

基于微信开发工具的iphone、Android、pad端的小程序测试项目

建站超值云服务器,限时71元/月

基于微信开发工具的iphone、Android、pad端的小程序测试项目

项目介绍:

SmallProgram
基于微信开发者工具开发的一款简易的小程序

1、 用微信开发工具 v1.0.2.1904090 开发的一个简易的小程序,无论是iPhone、Android还是平板都可以展示的一个小程序
2、项目中的每个模块都有四个文件:.js、.json、.wxml、wxss
3、项目中的配置文件以及界面的的展示样式都在 app.json 和 app.wxss 文件中实现

github源码链接
gitee码云源码链接

app.json中的配置文件

  1. {
  2.     "pages": [
  3.         "pages/index/index",
  4.         "pages/contact/contact",
  5.         "pages/profile/profile",
  6.         "pages/shop/shop",
  7.         "pages/shopList/shopList"
  8.     ],
  9.     "window": {
  10.         "navigationBarBackgroundColor": "#f60",
  11.         "navigationBarTitleText": "畅想未来",
  12.         "navigationBarTextStyle": "white"
  13.     },
  14.     "tabBar": {
  15.         "color": "#999",
  16.         "selectedColor": "#ee523d",
  17.         "backgroundColor": "#f6faed",
  18.         "borderStyle": "black",
  19.         "position": "bottom",
  20.         "list": [
  21.             {
  22.                 "pagePath": "pages/index/index",
  23.                 "text": "首页",
  24.                 "iconPath": "assets/tabs/home.png",
  25.                 "selectedIconPath": "assets/tabs/home-active.png"
  26.             },
  27.             {
  28.                 "pagePath": "pages/contact/contact",
  29.                 "text": "消息",
  30.                 "iconPath": "assets/tabs/contact.png",
  31.                 "selectedIconPath": "assets/tabs/contact-active.png"
  32.             },
  33.             {
  34.                 "pagePath": "pages/shop/shop",
  35.                 "text": "购物",
  36.                 "iconPath": "assets/tabs/shopping.png",
  37.                 "selectedIconPath": "assets/tabs/shopping-active.png"
  38.             },
  39.             {
  40.                 "pagePath": "pages/profile/profile",
  41.                 "text": "我的",
  42.                 "iconPath": "assets/tabs/profile.png",
  43.                 "selectedIconPath": "assets/tabs/profile-active.png"
  44.             }
  45.         ]
  46.     },
  47.     "sitemapLocation": "sitemap.json"
  48. }

复制代码

iOS端示例动图

iOS端示例动图

iOS端示例动图

Android端示例动图

Android端示例动图

Android端示例动图

iPad端示例动图

iPad端示例动图

iPad端示例动图

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 基于微信开发工具的iphone、Android、pad端的小程序测试项目
分享到: 更多 (0)