摘要:
一个小程序页面由四种文件组成: 1)json 页面配置文件 2)js 页面逻辑文件(必需) 3)wxml 页面结构文件(必需) 4)wxss 页面样式文件 这四个文件的加载顺序: 第一步: 加载页面json文件配置小程序。 第二步: 装载WXML结构和WXSS样式。 第三步:装载js文件。 注意: 阅读全文
摘要:
自定义组件类似页面,也是由 json wxml wxss js 4个文件组成。 1. json文件内声明组件: 2. js文件内注册组件: 组件的js文件用于注册组件、属性定义、内部数据及自定义方法等。 3. wxml文件内编写组件结构 wxml写法与页面写法类似。 4. wxss文件内加入组件样式 阅读全文
摘要:
1. 可以在APP.JSON内引用自定义组件,此时该组件为所有页面共享。 2. 可以在页面的JSON文件内引用自定义组件,此时为该页面独享。 引入代码如下: 在页面的wxml内调用该组件: 阅读全文
摘要:
理解小程序自定义组件的执行流程,有助于后期开发,本人通过以下简易代码分析自定义组件的流程,结果如下: 第一步:创建组件: 第二步:属性默认值设置: 如果组件被调用时设置了组件属性,则初始化该属性的默认值。没有调用的属性不执行。 比如自定义组件user含有二个属性,分别是: memberName、me 阅读全文
摘要:
picker从底部弹起选择器组件 组件细节: 1) 该组件有五种类型,分别是普通选择器、多列选择器、时间选择器、日期选择器、省市区选择器。 2) 组件内必需包裹内容,不然无法弹出选项 3) 五类选择器默认返回值不同(值也可以通过JS脚本进行更改): 普通选择器:[Number] 当前选项的序号值,第 阅读全文
摘要:
label标签组件 用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。目前可以绑定的控件有:<button/>, <checkbox/>, <radio/>, <switch/>。 原型: 属性for绑定控件的 id 阅读全文
摘要:
input输入框组件 原型: 属性: 输入框输入键盘类型 text 文本输入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘 设置键盘右下角按钮的文字,仅在type='text'时生效 send 右下角按钮为“发送” search 右下角按钮为“搜索” 阅读全文
摘要:
form表单组件 1)将form组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。 2)当点击 <form/> 表单中 formType 为 submit 的 <button/> 组件时,会将表单组件中的 阅读全文