- 1、本文档共5页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Coco-LG 的学习笔记《二》view(视图容器)
Coco-LG 的学习笔记《二》view(视图容器)
示例
[html] view plain copy
1. view class=section
2. view class=section__titleflex-direction: row /view
3. view class=flex-wrp style=flex-direction:row;
4. view class=flex-item bc_green1/view
5. view class=flex-item bc_red2/view
6. view class=flex-item bc_blue3/view
7. /view
8. /view
9. view class=section
10. view class=section__titleflex-direction: column/view
11. view class=flex-wrp style=height: 300px;flex-direction:column;
12. view class=flex-item bc_green1/view
13. view class=flex-item bc_red2/view
14. view class=flex-item bc_blue3/view
15. /view
16. /view
示例讲解
学过 HTML 的童靴很容易看懂上面的代码。没用过这种标签语言的,其实也很容易看懂。稍微讲解一下 :
1.单个的 view
[html] view plain copy
1. view class=section
2. /view
这就是一个单个的视图。 “section”则是写在.wxss 文件中的样式,容器的样式决定它的形状、颜色、位置等属性。例 :
[html] view plain copy
1. .section{
2. position: absolute;
3. top: 28rpx;
4. right: 44rpx;
5. width: 32rpx;
6. height: 32rpx;
7. }
2.父容器和子容器的嵌套
[html] view plain copy
1. view class=flex-wrp style=height: 300px;flex-direction:column;
2. view class=flex-item bc_green1/view
3. view class=flex-item bc_red2/view
4. view class=flex-item bc_blue3/view
5. /view
一个父容器中有三个子容器。
给视图容器绑定点击事件
示例
[html] view plain copy
1. view class=widgets__item bindtap=tapToNext
2. /view
关键点是 bindtap=tapToNext ,这就绑定了一个点击事件,响应事件的函数名是tapToNext。这个函数在.js 文件中。
形如
[html] view plain copy
1. tapToNext:function(event){
2. console.log(event)
3. wx.navigateTo({
4. url: ../logs/logs
5. })
6. }
点击后界面跳到一个名为 logs 的 Page。
关于事件的详细讲解见 wei 小程序-事件
您可能关注的文档
- CBN 刀具材料的发展及其切削性能研究进展.PDF
- CD4093B 四2 输入与非门(斯密特触发器).PDF
- CIMS 环境下车间级生产过程的信息跟踪监控系统 - Journal of.PDF
- CimatronE 90 五轴加工新增功能.PDF
- CL0105-45 钢亚温淬火工艺对组织性能的影响.PDF
- Cisco Unified Presence 85 版用户指南.PDF
- CNAS T0588 皮鞋勾心纵向刚度试验能力验证计划结果报告.PDF
- CL21X 型电容器技术要求 - IHScom.PDF
- CE机械安全防护设计实务 - 坤展国际安全验证有限公司.PDF
- CL0502-轧机支撑辊断裂.PDF
文档评论(0)