微信小程序提示

 

1、先上图

 

微信小程序

 

2、tips

 

1.不能使用本地背景图片。

这个问题困扰了我很久，因为在模拟器上运行的时候，用本地图片作为View的背景图片是可以的，但是背景图片在真机上一测试就不会显示。一开始我以为是走错了路。经过测试，我在网上找到了原因：微信小程序的背景图片不可能是本地图片，一定是网络图片，于是我找了一个网站上传图片，并链接了网站地址作为背景图片，真是奇迹。

2.无法加载网页。

微信小程序无法跳转到网页。可能是因为微信小程序本身就像一个网页，也可能是因为微信不希望任何人越过它的审核。反正不允许直接加载网页。

3.导航栏无法隐藏。

rgb(47, 47, 47); font-family: -apple-system,; margin-top: 0px; margin-bottom: 25px; " ui="" wenquanyi="">我的登陆页面本来是不应该有导航栏的，可是就是隐藏不了，也许有方法，但是我找了很久也没有发现。

 

4.只支持HTTPS的网络协议并且一个月只能修改5次

在微信小程序中网络请求只能是https类型的。在添加URL的时候都已经限制死了。并且一个月只能修改5次，网络请求必须先进行服务器域名配置。

添加URL

)

5.所有的页面都必须在app.json中配置路径

我之前新建一个页面然后跳转过去一直报路径错误，去网上查询才知道，每一个页面路径都需要提前配置。

页面路径配置

6.网络请求的最大并发数为5、页面层级最多5层

就是说同时最多5个网络请求，页面的子页面最多4个。我在想要是一个页面是一个视频列表展示怎么办，每一个视频都需要网络请求啊。

以上就是这次遇到的一些比较变态的问题。

3、谈谈我的一些代码实现

1.配置tabBar(app.json)

 "tabBar": {    "color": "#888888",    "selectedColor": "#09BB07",    "backgroundColor": "",    "borderStyle": "white",    "list": [      {        "pagePath": "pages/orderManage/orderManage",        "text": "订单管理",        "iconPath": "pages/images/order.png",        "selectedIconPath": "pages/images/order_r.png"      },      {        "pagePath": "pages/moneyManage/moneyManage",        "text": "财务管理",        "iconPath": "pages/images/money.png",        "selectedIconPath": "pages/images/money_r.png"      },      {        "pagePath": "pages/myself/myself",        "text": "我的商户",        "iconPath": "pages/images/people.png",        "selectedIconPath": "pages/images/people_r.png"      }      ]  }

2.订单管理页的菜单栏点击菜单栏切换View简单，直接将将点击的菜单的值赋给View让其偏移对应的百分比就好。手势切换：通过触摸的起点与终点计算出滑动方向，然后偏移并且切换菜单栏。

  catchtouchstart:function(e){    var that = this;    that.setData({      startPoint: [e.touches[0].clientX,e.touches[0].clientY]    })  },  catchtouchend:function(e){    var that = this;    var currentNum = parseInt(this.data.currentNavtab);    var endPoint = [e.changedTouches[0].clientX,e.changedTouches[0].clientY];    var startPoint = that.data.startPoint    if(endPoint[0] <= -="">= Math.abs(endPoint[1] - startPoint[1]) && currentNum< this.data.navTab.length -1) {         currentNum=currentNum + 1;        }    }else {      if(Math.abs(endPoint[0] - startPoint[0]) >= Math.abs(endPoint[1] - startPoint[1]) && currentNum > 0) {          currentNum -= 1;      }    }    this.setData({      currentNavtab: currentNum    });  },// 点击菜单栏切换View  switchTab: function(e){    this.setData({      currentNavtab: e.currentTarget.dataset.idx    });  }

4、结束

整个程序还是很简单的，就是初次写还是有些不适应。尤其是把div改为了View，不能使用window对象和document对象，很不适应。