这里写自定义目录标题
页面设计
全局三个文件
分别是
- app.js
- app.json
- app.wxss
名称不可更改
Pages 目录文件
用来放各个页面的
创建页面
给页面起名字,并且创建4个文件
- js:页面逻辑实现
- json:负责标题栏和状态栏
- wxml:管理页面有什么
- wxss:页面排布-----样式设计
把内容单元封装在view内部
写法:
<view> "内容" </view>
用class的方法对view内容样式进行布局
[…class可以对其他组件样式布局也有效,class规定的样式前需加上’.’,image/text不用加(全局有效)]
三个组件:图片、文字、按钮
这简单只说下常用的三个组件
- 图片:
<image scr='图片路径'> </image>
- 文字:
<text> "内容" </text>
- 按钮:
<button "属性内容">"按钮上的字" </button>
属性内容:
ps:open-type——bindgetuserinfo
js文件函数的定义方法
函数名 + “:”+[function](“参数列表(可不写)”){“函数内容”}
ps:两个{}前后要有","
扫描二维码关注公众号,回复:
11442376 查看本文章
wxml:变量写法
{{“变量名称”}}-------变量的内容
js文件中定义变量的方法
在date:(“定义变量”)
规则:变量名称 + “:” + “’” + 内容 + “’”
[两个变量间用","隔开]
修改data变量的方法
this.setData({“修改变量”})
[同上]
这是我自学小程序总结的一点知识点,wxss的flex分布以及其他组件,还有页面跳转等等,你可以去看微信小程序官方文档进行学习。
我第一个项目在这,如果有需要的小伙伴自己点开看看吧。
小程序二维码如下: