1.微信小程序开发-快速上手

1.环境搭建

1.1 下载开发者工具

微信开发者工具下载地址与更新日志 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

1.2 注册小程序

        获取小程序AppId

2.小程序组件

        1.view：用于展示视图元素，类似于HTML中的div标签。

这是一个视图元素

        2.text：用于显示文本内容。

这是文本内容

        3.image：用于显示图片。

        4.button：用于创建可点击的按钮。

点击按钮

        5.input：用于创建输入框，用于用户输入内容。

        6.scroll-view：用于创建可滚动的区域，通常用于显示较长的内容。

这是可滚动的区域

        7.swiper：用于创建图片轮播组件，可以实现图片的自动轮播效果。

        

                

                

        8.icon：用于显示图标，微信小程序内置了一些常用图标，也支持自定义图标。

        9.navigator：用于创建导航链接，可以跳转到其他页面。

跳转到其他页面

wx.navigateTo({

        url: '/pages/other-page',

})

        10.checkbox：用于创建复选框。

选项1

        11.radio：用于创建单选框。

选项1

        12.form：用于创建表单，包含一组表单元素，用于提交数据。

        

        

        
提交

        13.picker：用于创建选择器，可以选择列表中的一项。

当前选择：{{selectedValue}}

        14.slider：用于创建滑动选择器。

        15.progress：用于显示进度条。