微信小程序
文章平均质量分 79
肉乎乎的鸭
萌新小菜鸟
展开
-
微信小程序快速入门个人学习心得(四)
TODOS案例这个案例是要做一个任务清单。首先 思考一共分为几块内容:1、输入框2、任务列表3、工具栏因此一共三块,在对应wxml文件中,父容器中添加三个子容器。<view class="container"><view class="searchHandle"></view><view class="worksHandle"></view><view class="utilsHandle"></view>原创 2021-01-21 15:45:12 · 329 阅读 · 0 评论 -
微信小程序快速入门个人学习心得(三)
1、页面跳转注意事项在进行页面跳转的时候,首先对应json文件中不能为空,最少也要有一个 { },然后对应js文件中需要有 page{} 属性。说明:navigator 是小程序提供的页面跳转的标签。<navigator url="../demo2/demo2">go demo2</navigator>对应json:(必须要有东西,最少也要是一个空的花括号,当然也可以直接删除json文件)对应js:(虽然什么都没有也要写page)<!--pages/demo原创 2021-01-19 22:22:34 · 350 阅读 · 0 评论 -
微信小程序快速入门个人学习心得(二)
微信小程序快速入门(一)微信小程序官方文档W3School1、使用flex完成music播放器布局1.1 页头编写index.json{ "navigationBarTitleText": "Music Player", "navigationBarBackgroundColor": "#333", "navigationBarTextStyle": "white"}然后对整个播放器进行页面划分,划分为标签栏和内容部分,因此需要两个子容器,一个父容器。在index.wxml原创 2021-01-19 19:10:16 · 267 阅读 · 0 评论 -
微信小程序快速入门 个人学习心得(一)
1、关于界面层的数据绑定1.1 数据在哪里数据在当前页面(xxxx.js)对象中data属性中。1.2 绑定到哪里想在哪里用就在哪里用,用 {{ }} 语法形式输出2、关于列表渲染在当前页面(xxxx.js)中的data属性中定义一个对象数组然后在对应xxxx.wxml中这样就可以有如下显示但是,这样代码繁琐,我们可以用wx:for方式动态获取:这里item代表当前页面被遍历元素,可以使用wx:for-item来给当前被遍历元素起别名3、关于事件基本事件的使用就是通过给原创 2021-01-19 10:39:42 · 401 阅读 · 0 评论