【小程序事件按钮案例笔记】

微信小程序小程序与普通网页开发的区别创建项目也可以通过先创建好文件夹，把路径复制在目录创建成功就是这个样子在小程序里面需要使用他的标签来写图片标签 imagetext相当于span按钮按钮属性说明rpx事件案例也可以数据绑定跟vue里面是一样的唔循环循环（小程序里面建议）小程序支持的选择器目前支持的选择器有：样式page 相当于body可以设置整个页面的，每个页面和每个页面是互相隔离的状态获取用户的开放信息 open-data页面路由打开新页面调用 API wx.navigateTo 使用组件 ``从定向swiper swiper-item app.json配置属性 图标注册页面使用 Page 构造器注册页面在小程序里面使用wx.request 效果和axios是一样的这是因为小程序为了安全考虑，害怕伤害微信，所以要使用合法域名解决

微信小程序

• 跨平台 一套微信小程序代码即可以运行在Android手机上，也可以运行在苹果手机上

• 跨系统

• 微信小程序是基于微信的

小程序与普通网页开发的区别

创建项目

1. 需要注册，登录，认证，

2. 创建体验

也可以通过先创建好文件夹，把路径复制在目录

创建成功就是这个样子

• 根目录下需要一个app.json的文件 不能是空的 必须有一个page

小程序里面把html和js、css的结构强制分开

如果想写一个页面 的话 必须创建四个文件分别为 wx.json、wx.js、wx.wxss、wx.wxml

也可以一下子创建完

• 在根目录创建一个app.json

• {
    "pages":[
      "page/welcome/welcome"
    ]
  }

• 

• 还有一种

• 

   

• 1

在小程序里面需要使用他的标签来写

• <view></view>相当于HTML中的 div

图片标签 image

属性 src
<image src="http://test.imgurl.org/imgs/2022/05/27/24355bbda1c1a39e.jpg"></image>

text相当于span

按钮

按钮属性说明

	属性	类型	默认值	必填	说明	最低版本
	size	string	default	否	按钮的大小	1.0.0
	合法值说明default默认大小mini小尺寸
	type	string	default	否	按钮的样式类型	1.0.0
	合法值说明primary绿色default白色warn红色

rpx

会根据页面放大或缩小，px是固定的

事件

<

类型	触发条件	最低版本