小程序学习日志 21-11-26

本文详细介绍了微信小程序的创建流程,包括创建项目、设置首页、使用各种组件如view、text、button、checkbox、radio和input等,并讲解了事件绑定和参数传递的方法。此外,还涵盖了小程序页面配置及组件属性的使用。
摘要由CSDN通过智能技术生成

1-创建项目
2-创建新的页面-右键新建目录-右键新建page//-打开app.json文件,在page语句中添加。
3-首页设置:在app.json文件中的page【】中,第一句文件为首页。
4-组件标签:
·view:块级标签,独占一行。{div/p}
·text:行级标签,{span}
     属性——selecttable:文档可选(长按选中)/decode:识别特殊的转义字符(&nbsp)
·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点击事件得到获取对象
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值