微信小程序--第一个新手项目

页面设计

全局三个文件

分别是

  1. app.js
  2. app.json
  3. app.wxss
    名称不可更改

Pages 目录文件

用来放各个页面的

创建页面

给页面起名字,并且创建4个文件

  1. js页面逻辑实现
  2. json:负责标题栏和状态栏
  3. wxml:管理页面有什么
  4. wxss:页面排布-----样式设计

把内容单元封装在view内部

写法:<view> "内容" </view>
class的方法对view内容样式进行布局

[…class可以对其他组件样式布局也有效,class规定的样式前需加上’.’,image/text不用加(全局有效)]

三个组件:图片、文字、按钮

这简单只说下常用的三个组件

  1. 图片:
    <image scr='图片路径'> </image>
  2. 文字:
    <text> "内容" </text>
  3. 按钮:
    <button "属性内容">"按钮上的字" </button>

属性内容:
ps:open-type——bindgetuserinfo

js文件函数的定义方法

函数名 + “:”+[function](“参数列表(可不写)”){“函数内容”}

ps:两个{}前后要有","

wxml:变量写法

{{“变量名称”}}-------变量的内容

js文件中定义变量的方法

在date:(“定义变量”)

规则:变量名称 + “:” + “’” + 内容 + “’”
[两个变量间用","隔开]

修改data变量的方法

this.setData({“修改变量”})

[同上]

这是我自学小程序总结的一点知识点,wxss的flex分布以及其他组件,还有页面跳转等等,你可以去看微信小程序官方文档进行学习。

我第一个项目在这,如果有需要的小伙伴自己点开看看吧。
小程序二维码如下:
第一个微信小程序

猜你喜欢

转载自blog.csdn.net/weixin_44901175/article/details/106435761