- 1、本文档共9页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 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
您可能关注的文档
最近下载
- 交通运输行政执法人员考试题及答案 .pdf VIP
- 卸料平台专项施工措施(修).doc VIP
- 广播电视技术能手竞赛部分试题.pdf VIP
- 医疗机构从业人员行为规范.pptx VIP
- 第6单元 美丽乡村—我学会了吗 (课件)2025-2026学年度青岛版数学三年级上册.pptx VIP
- 22G101-1图集—混凝土结构施工图平面整体表示方法制图规则和构造详图(现浇混凝土框架、剪力墙、梁、板).pdf VIP
- 《古希腊哲学思想及其影响:大学西方文化教案》.doc VIP
- 山东-造价文件汇编.pdf VIP
- 牧场物语矿石镇的伙伴们攻略 [2].doc VIP
- 主题活动——1200张纸有多厚(课件)2025-2026学年度青岛版(六三)数学三年级上册.pptx VIP
文档评论(0)