2020-09-14

微信小程序随堂笔记2

今天做一个数值比较的微信小程序

先创建新项目
2020-09-14_第1张图片
然后打开文件夹,留着project.config.json和文件夹pages,文件夹pages里的文件都删了
(我这张截图晚了,所以可以看见app.json)
2020-09-14_第2张图片
在你项目旁边的加号,添加app.json,并在app.json添加index文件夹
2020-09-14_第3张图片
改变背景色和背景标题
2020-09-14_第4张图片
添加app.js可以在手机扫码预览
2020-09-14_第5张图片
在index.wxml添加对应代码
2020-09-14_第6张图片
在index.wxss添加样式
2020-09-14_第7张图片
绑定事件,编写js,当光标离开控件,在控制台显示记录数
2020-09-14_第8张图片
2020-09-14_第9张图片
2020-09-14_第10张图片
给按钮绑定事件,比较两个数大小
2020-09-14_第11张图片
优化后
利用id传值
2020-09-14_第12张图片
2020-09-14_第13张图片
2020-09-14_第14张图片
利用data-id传值
2020-09-14_第15张图片
2020-09-14_第16张图片
常用方法
2020-09-14_第17张图片
2020-09-14_第18张图片
在建一个index4,样式和js引用index3的,在wxml稍做改动。
2020-09-14_第19张图片

结束。

你可能感兴趣的:(笔记,小程序,c#)