在初步完成了整个项目之后,现在开始做初步美化界面,在这里我们首先给小程序添加全局背景,然后在做渐变色处理,实现代码如下: /**app.wxss**/ page::before { top: 0; right: 0; bottom: 0; left: 0; content: ''; position: fixed; overflow: hidden; width: 100%; height: 100%; background-image: url('https://697a-izmm-97e47d-1257967894.tcb.qcloud.la/login-1.jpg?sign=5ec535f6e502af2bee9d3d5169453c4b&t=1544419144'); …继续阅读 »
前面我们说到了小程序的登陆以及数据的获取,现在我们开始解说下程序的执行流程问题,重点js的循环取值与赋值,以及后台回执信息错误与正确的判断。前端重点主要判断显示效果,运用了wx:if以及取余数和取商的结果来判断,当返回结果正确则显示正常绿色不然直接显示红色异常。 具体js代码: [collapse title="折叠内容标题"]// pages/index/indexnew/start/start.js var app = getApp(),…继续阅读 »
前面3章我们说明登录,以及封装wx.request的方法,这里我们正式开始小程序获取后台数据,并把自己所要的打印到前段,其中难点在对于后台获取的josn数据进行分析,并把自己所要的数据答应到前段,这里给出了详细js,以供参考。我们同时实现了下拉刷新数据。 具体如下代码: //index.js var app = getApp(), Util = require('../../utils/util.js') Page({ /** * 页面的初始数据 */…继续阅读 »
上次我们说到了登录js实话的具体实现,其中用到了wx.request的访问,这里我们说下前面用到md5.js和util.js,其中md5.js这里不做说明,懂得都在这是js密码加密。这里我们重点说下用到的util.js.在这个js里面我们用Promise封装了wx.request(). 具体试下代码: var app = getApp(), servser = app.serData.url //封装异步api const wxPromisify = fn => { return function(obj = {}) { return new Promise((resolve, re…继续阅读 »
前面我们说了小程序开发的登录界面设计和css布局,并没有js,这里我们开始实现小程序轮播图,以及账号和密码的输入。 直接贴代码: // pages/login/login.js 封存除了新家用户不在做修改 var app = getApp(), MD5 = require('../../utils/md5.js'), Util = require('../../utils/util.js') Page({ /** * 页面的初始数据 */ data: { slider: [{ picUrl: '/images/login-1.jpg' }, { …继续阅读 »
从小程序诞生之日起就想着要做个小程序,一直么想到好的项目可以真的帮助公司做个有用的东西,后来想到的项目,可是由于种种原因搁置了,人生就是这样,计划不如变化,现在终于有时间和有做这个项目,虽然现在的作用以及不能和当初的作用想比,但是还是完成最迟设计把。 缩略图预览: 登陆代码设计: 1、HTMLE页面 …继续阅读 »
全部加载完成