zwh238-优快云博客

转载小程序根据input输入，动态设置按钮的样式

【需求】实现当手机号已填写和协议已勾选时，“立即登录”按钮变亮，按钮可点击；若有一个不满足，按钮置灰，不可点击；实现获取短信验证码，倒计时提示操作；对不满足要求内容进行toast弹窗提示。 <view class="container">  <view class="section"> <text cla...

2019-03-20 11:48:07 730

box-shadow: h-shadow v-shadow blur spread color inset; box-shadow:2px 2px 10px 4px #4D4D4D4D; 注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。 h-shadow 必需。...

2019-03-19 16:46:39 180

转载微信小程序中globalData的设置与读写

初始化GlobalData 在App.js的最上方可以设置GlobalData的初始值。 App({ globalData:{ appid: ‘1wqas2342dasaqwe232342xxxxxxxxxx’,//appid需自己提供，此处的appid我随机编写 secret: ‘e0dassdadef2424234209bwXXXXXXXXXXXXXX’,//secret需自己提供，此处的se...

2019-03-18 14:24:18 2837

原创从列表跳转到详情页

列表中使用的是wx:for数组来显示，跳转时bindtap一个goDetail事件，通过这个事件跳转到各个详情页。在列表的wxml页面 &lt;view class="container"&gt; &lt;block wx:for="{{newsData}}" wx:key='index' wx:for-item="item"&a

2019-03-15 17:52:06 2137

原创使用for循环加载列表（数据通过数组表示）

把列表数据写在数组中，使用wx:for来显示出来。未使用服务器，把数组写在新建的newsData文件夹，名为newsData.js的界面，形式为 var initData=[ { "id":0, //需要一个唯一识别的标识符id "imag":"/images/1.jpg", //假如使用的images文件夹里的图片

2019-03-15 16:26:07 963

原创 request

setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。 setData() 参数格式接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。注意：...

2019-03-15 11:48:29 206

原创模块和模块化

每一个 .wxs 文件和标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。模块化在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。通过全局函数 getAp...

2019-03-14 17:24:39 268

原创数据传输

this.setData可以让数据重绘 model.exports={ initData:initData //导出数据使它可以被外部访问 } 要用这个数据的js界面 var storage = require('../../utils/storageUtil.js') //引入数据 setData：把数据从逻辑层发送到视图层在js界面 onLoad: function (optio...

2019-03-14 14:40:42 158

转载微信小程序的页面跳转和参数传递

index.wxml: 在index.wxml新建一个button组件，并使用bindtap事件绑定一个函数 index.js: 在index.js中的Page函数内部，添加changeToTest 函数，函数里面使用wx.navigateTo，写上需要跳转的页面，里面传入的是一个对象，对象内使用url属性，对应的就是需要跳转的页面的路径（注意：这是接收的是一个相对路径，并且页面不需要使用.wx...

2019-03-13 17:57:07 310

转载小程序之utils

做微信小程序当中，会遇到好多的工具类util.js，这里记载下来以便平常使用 (Ps:建议通过目录查看) -获取日期（格式化） function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = da...

2019-03-12 09:40:48 1908

转载小程序开发序列(六)事件传参

在触发事件后，有时需要有些额外的数据，JS的写法是直接以参数的形式传递。而小程序是react模式的，使用data触发状态变化而刷新界面，绑定的事件里，绑定的是函数的名称，参数无法像一般编码的方式直接传入，那要怎么办？小程序提供了一种方式，即daa-xxx，其中data-是标识事件触发时会带上这个参数，xxx是参数名。比如按钮绑定了query事件，需要传入一个产品的编号no作为参数，那我们在wxm...

2019-03-11 17:42:40 144

原创小程序开发学习笔记

app.json是对小程序的全局配置，不可添加任何注释，可以配置小程序是由哪些页面组成的，小程序的窗口背景色，导航条样式，默认标题。 app.wxss是整个小程序的公共样式表， tabbar微信底部或顶部切换页面的，tabbar中的list是一个数组，最少一个，最多5个，按数组顺序排序。 swiper自动轮播 border-left-style: solid;左边添加立体小方条 justify-c...

2019-03-11 17:40:35 302

转载小程序开发系列(三)数据交互与渲染

@TOC小程序开发系列(三)数据交互与渲染微信小程序的api中提供了网络交互的api，我们只要调用即可和后端进行数据交互，该api为wx.request.，具体代码如下。 //list.js //获取应用实例 var app = getApp() Page({ data: { list:[], hiddenLoading: true, url: ‘’ }, loadList: function ...

2019-03-11 15:47:31 228

zwh238的博客