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点击事件得到获取对象