小程序
zwh238
这个作者很懒,什么都没留下…
展开
-
数据传输
this.setData可以让数据重绘model.exports={ initData:initData //导出数据使它可以被外部访问}要用这个数据的js界面var storage = require('../../utils/storageUtil.js') //引入数据setData:把数据从逻辑层发送到视图层在js界面onLoad: function (optio...原创 2019-03-14 14:40:42 · 126 阅读 · 0 评论 -
微信小程序中globalData的设置与读写
初始化GlobalData在App.js的最上方可以设置GlobalData的初始值。App({globalData:{appid: ‘1wqas2342dasaqwe232342xxxxxxxxxx’,//appid需自己提供,此处的appid我随机编写secret: ‘e0dassdadef2424234209bwXXXXXXXXXXXXXX’,//secret需自己提供,此处的se...转载 2019-03-18 14:24:18 · 2690 阅读 · 0 评论 -
小程序根据input输入,动态设置按钮的样式
【需求】实现当手机号已填写和协议已勾选时,“立即登录”按钮变亮,按钮可点击;若有一个不满足,按钮置灰,不可点击;实现获取短信验证码,倒计时提示操作;对不满足要求内容进行toast弹窗提示。<view class="container"> <!--手机号--> <view class="section"> <text cla...转载 2019-03-20 11:48:07 · 674 阅读 · 0 评论 -
小程序开发序列(六)事件传参
在触发事件后,有时需要有些额外的数据,JS的写法是直接以参数的形式传递。而小程序是react模式的,使用data触发状态变化而刷新界面,绑定的事件里,绑定的是函数的名称,参数无法像一般编码的方式直接传入,那要怎么办?小程序提供了一种方式,即daa-xxx,其中data-是标识事件触发时会带上这个参数,xxx是参数名。比如按钮绑定了query事件,需要传入一个产品的编号no作为参数,那我们在wxm...转载 2019-03-11 17:42:40 · 108 阅读 · 0 评论 -
小程序开发学习笔记
app.json是对小程序的全局配置,不可添加任何注释,可以配置小程序是由哪些页面组成的,小程序的窗口背景色,导航条样式,默认标题。app.wxss是整个小程序的公共样式表,tabbar微信底部或顶部切换页面的,tabbar中的list是一个数组,最少一个,最多5个,按数组顺序排序。swiper自动轮播border-left-style: solid;左边添加立体小方条justify-c...原创 2019-03-11 17:40:35 · 251 阅读 · 0 评论 -
从列表跳转到详情页
列表中使用的是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 · 2061 阅读 · 0 评论 -
使用for循环加载列表(数据通过数组表示)
把列表数据写在数组中,使用wx:for来显示出来。未使用服务器,把数组写在新建的newsData文件夹,名为newsData.js的界面,形式为var initData=[ { "id":0, //需要一个唯一识别的标识符id "imag":"/images/1.jpg", //假如使用的images文件夹里的图片原创 2019-03-15 16:26:07 · 914 阅读 · 0 评论 -
小程序开发系列(三)数据交互与渲染
@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 · 188 阅读 · 0 评论 -
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 · 134 阅读 · 0 评论 -
box-shadow 属性
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 · 133 阅读 · 0 评论 -
模块和模块化
每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。模块化在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通过全局函数 getAp...原创 2019-03-14 17:24:39 · 207 阅读 · 0 评论 -
微信小程序的页面跳转和参数传递
index.wxml:在index.wxml新建一个button组件,并使用bindtap事件绑定一个函数index.js:在index.js中的Page函数内部,添加changeToTest 函数,函数里面使用wx.navigateTo,写上需要跳转的页面,里面传入的是一个对象,对象内使用url属性,对应的就是需要跳转的页面的路径(注意:这是接收的是一个相对路径,并且页面不需要使用.wx...转载 2019-03-13 17:57:07 · 266 阅读 · 0 评论