微信小程序开发(四).docVIP

  1. 1、本文档共9页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
. 资料. 微信小程序开发(四) 第三章 表现层 页面文件:page.wxml 数据绑定:bind data + +普通绑定 view{{data}}/view +三元运算 view{{flag?true:false}}/view +算数运算 view{{a+b}}+{{c}}/view +字符运算 view{{“hello”+” world”}}/view +对象属性 view{{obj.property}}/view +数组 view wx:for-items=”{{array}}”{{item}}/view +逻辑 view wx:if=”{{a5}}”/view +混合 template is=”otmp” data=”{{…obj1,obj2,a,}}” /template 条件渲染:condition render + +条件渲染语法 wx.if wx.elif wx.else block wx:if +代码示例 view wx.if=”{{type==’web’}}”{{web}}/view view wx.elif=”{{type==’app’}}”{{app}}/view view wx.else=”{{type==’other’}}”{{other}}/view block wx:if=”{{condition}}”/block 列表渲染:list render + +普通列表 view wx:for=”{{array}}” {{item}} /view +列表嵌套 view wx:for=”{{ary}}” wx:for-item=”i” view wx:for=”{{ary}}” wx:for-item=”j” view{{i*j}}/view /view view 模板渲染:template render + +模板定义 template name=msgItem view text {{index}}: {{msg}} /text text Time: {{time}} /text /view /template +模板使用 template is=msgItem data={{...item}}/ 元素事件:element event 事件种类: NO NO TYPE BIND_METHOD SAMPLE 1 冒泡 Bind+xxxx touchStart,touchMove,touchEnd,tap,longTap 2 不冒泡 Catch+xxxx Submit,input,scroll 事件对象:baseEvent,customerEvent,touchEvent 对象 对象 NO 属性 类型 说明 备注 baseEvent 1 type string 类型 2 timeStamp integer 时间戮 3 target obj 目标 Id,tagName,dataSet 4 currentTarget obj 当前目标 Id,tagName,dataSet cusEvt 5 detail obj 明细 user define touchEvt 6 touches array 接触 Touch::identifer,px,py,cx,cy 7 changedTouches array 变动接触 Touch::identifer,px,py,cx,cy 事件绑定实例: view bindTap=”event-handler”/view 文件引用:include file 引用种类: NO NO TYPE DESC SAMPLE 1 import 引用模板 import src=”template.wxml”/ 2 include 引用页面 include src=”page.wxml”/ 样式文件:page.wxss 引入新单位: Rpx:responsive pixel:自适应设备长宽单位. 导入外部样式文件: @import “out.wxss” 内联样式: 通过style,class属性来实现样式改变. 选择器支持: 目前支持的选择器有:ID.CLSS,ELEMENT,::AFTER,::BEFORE五类。 全局和局部样式: 全局样式:定义在文件[APP.WXSS]中的样式。 局部样式:定义在文件[PAGE.WXSS]中的样式. 组件:compent

文档评论(0)

ygxt89 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档