|
1-创建项目
2-创建新的页面-右键新建目录-右键新建page//-打开app.json文件，在page语句中添加。
3-首页设置：在app.json文件中的page【】中，第一句文件为首页。
4-组件标签：
·view：块级标签，独占一行。{div/p}
·text:行级标签，{span}
? ? ?属性——selecttable：文档可选（长按选中）/decode：识别特殊的转义字符（ ）
·button：按钮标签
? ? ?样式属性：type="primary/default/warn"
? ? ?按钮功能属性：open-type="getUserInfo/getPhoneNumber/contace"获取用户信息，获取用户手机号，联系客服
? ? ?按钮功能属性：form-type="submit/reset"(设置按钮功能属性时button要在form中，form中的bindsubmit=""表示submit触发的事件。bindreset同上)
·checkbox:复选标签
? ? ? 具有开闭标签，文本内容写在开闭标签之中。
? ? ? 属性：value="",可以填入真实的值。
? ? ? checkbox在check-group标签内
·radio:单选标签
? ? ? 具有开闭标签，文本内容写在开闭标签之中。
? ? ? 属性：value="",可以填入真实的值。
? ? ? radio在radio-group标签内才能实现单选功能
·block标签
? ? ? 特点：block本身不渲染，block中的内容被渲染。
? ? ? 适用于同级目录渲染但又不想用新一级的标签累赘嵌套时，使用block。
·input标签
?属性：type默认为text、type"text/password/number"
? ? ? ? ? ? placholder="提示信息",placholder-style="设置提示信息的样式",placholder-class="引用类样式"
? ? ? ? ? ? disabled：标签禁用。
? ? ? ? ? ? maxlength="最大长度限制"
————————事件绑定——————————————
bindtap="clickme"(onclick单击事件) ? js文件中定义事件 clickme(){...}或者clickme:function(){...}(var clickme=function(){...})
bindinput="changeme"(onchange事件)
————————小程序传参（传值）—————————
标签内事件后跟 ?bindtap="getvalue" data-val1="a" ?data-val2="b"(传多值格式不变)
js文件中 ? getvalue(event){event.currentTarget.dataset} ? event点击事件得到获取对象
?
|