微信小程序开发-快捷键、标签

界面相关

***********************************************分割线*****************************************

标签

一、视图容器(View Container)：

view 视图容器

scroll-view 可滚动视图容器

swiper 可滑动的视图容器

二、基础内容(Basic Content)

icon 图标

text 文字

progress 进度条

三、表单组件(Form)

button 按钮

form 表单

input 输入框

checkbox 多项选择器

radio 单项选择器

picker 列表选择器

slider 滑动选择器

switch 开关选择器

label 标签

四、 *** 作反馈组件(Interaction)

action-sheet 上拉菜单

modal 模态d窗

progress 进度条

toast 短通知

五、导航(Navigation)

navigator 应用内跳转

六、多媒体(Media)

audio 音频

image 图片

video 视频

七、地图(Map)

map 地图

八、画布(Canvas)

canvas 画布

开发者可以利用微信团队提供的框架中的一系列基础组件进行快速的开发，什么是组件？

组件是视图层的基本组成单元。

组件自带一些功能与微信风格的样式。

一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之间。

形式:

　Content goes here

例如:

组件的属性

所有组件的属性都是小写，以连字符"-"连接

属性类型:每个组件的属性是分不同的类型的

公共属性:所有的主键都有的属性

特殊属性

1.属性的类型

2.共同属性

3.特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰。

组件及类型的说明

组件名称 组件类型 组件说明

view 视图容器 视图容器

scroll-view 视图容器 可滚动视图容器

swiper 视图容器 滑块视图容器

icon 基础内容 图标

text 基础内容 文字

progress 基础内容 进度条

button 表单 按钮

form 表单 表单

input 表单 输入框

checkbox 表单 多项选择器

radio 表单 单项选择器

picker 表单 列表选择器

picker-view 表单 内嵌列表选择器

slider 表单 滚动选择器

switch 表单 开关选择器

label 表单 标签

navigator 导航 应用连接

audio 多媒体 音频

image 多媒体 图片

video 多媒体 视频

map 地图 地图

canvas 画布 画布

contact-button 客服会话 进入客服会话按钮

实例理解组件属性

在根目录下创建如下的页面目录

然后在mypages.wxss文件中添加button1的样式如下

/* mypages.wxss */

.button1{

width: 256rpx

height: 128rpx

}

然后在mypages.wxml文件中添加如下代码

我的第一个微信小程序

按钮

其中，主要是看button这个按钮控件，其中的属性id 由前面可知是string类型的，所以这个属性的格式为 属性名称="自定义字符串"，class也是string类型的属性，所以格式相同，后面的bingdtap属性就是之前所介绍过的组件的事件，在这个按钮组件中点击按钮，就会出发bindtap属性所指向的在myages.js中对应的名字为"anyfunction"的方法。

点击左侧编译后查看效果如下

boolean类型的属性，只要写了属性名，那值就是为true，例如

我的第一个微信小程序

按钮

其中只要写了hidden这个类型是boolean类型的属性名字，那这个属性就是生效的,运行效果如下，按钮被隐藏:

1、打开微信，找到微信小程序，点击打开。

2、点开报名接龙，在接龙小程序中点击我来发起，发布报名活动。

3、在选择场景里有3个场景活动报名、作业登记、发表投票三个场景，以发表投票场景为例。

4、选好选择场景，填好报名活动内容，点击发布。

5、报名活动可以发给单个人，也可以发到微信群里。

6、收到接龙报名的链接之后，点击打开。

7、在小程序里可以填写和修改自己的名字，投票赞成或者不赞成，填写备注三个选项。投票完成之后，如果想要修改可以选择重新投票。

扩展资料：

群接龙就是一款目前团长用得最多的“群团购接龙”小程序 帮助想做社区团购提供开团工具提供发布、统计、收款、分享等卖货功能来服务团团长，让团长们快速、让社区职业个体团长的团购更高效的玩转社区团购。

用来给商家或者个人发布商品然后让消费者进行接龙团购的一种工具，相对于传送的接龙，群接龙小程序的优点更加突出，不用手抄，不用记账，平台一键统计，避免商家和个人发布产品后忙于记账或者出现账目错误的问题。