微信小程序_组件

微信小程序_组件,第1张

1基础组件

什么是组件:

<ul>

<li>组件是视图层的基本组成单元。</li>

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

<li>一个组件通常包括开始标签

和结束标签

,属性

用来修饰这个组件,内容

在两个标签之内。</li>

</ul>

2属性类型

<ul>

<li>Boolean 布尔值 组件写上该属性,不管该属性等于什么,其值都为true

,只有组件上没有写该属性时,属性值才为false

。如果属性值为变量,变量的值会被转换为Boolean类型</li>

<li>Number 数字 1

, 25</li>

<li>String 字符串 "string"</li>

<li>Array 数组 [ 1, "string" ] </li>

<li>Object 对象 { key: value } </li>

<li>EventHandler 事件处理函数名 "handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any 任意属性 </li>

</ul>

3共同属性类型

id , class , style , hidden , data- , bind / catch

4特殊属性

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

5组件列表

基础组件分为以下八大类:

视图容器(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窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image , video 视频

地图

map 地图

画布Canvas

canvas 画布

flex: vt折曲,使收缩; vi玩去,收缩

效果展示

通过在计时器上配置开始计时及监听计时器状态的触发器,实现当倒计时结束后,自动跳转到新界面的功能。

创建数据表

注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单,表和自定义表。

点击数据中心。

创建内容数据表。

字段包含:头像、名字、内容、内容标题。

创建事件

注意:事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心。

创建查询事件。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中计时器。

点击检查面板中的触发器。

创建开始计时器。

创建跳转界面触发器。

创建监听计时器结束触发器。

一创建并使用组件的步骤

1创建一个文件夹存放组件,并在里面创建一个组件文件夹,components,tabs

2在tabs文件里添加组件模板

3引用组件,在父组件的json文件中的usingComponents中添加子组件路径,compont

4使用组件,相当于正常标签进行使用

二父组件向子组件传参的步骤

父组件给子组件的tabs传入对象

1父组件的数据

2子组件做的 *** 作

如果没有传入数据,就会输出默认值value

3子组件展示对象数据:

三子组件向父组件传参的步骤

1先给子组件添加一个点击事件

2通过thistriggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改

3父组件绑定子组件,定义一个事件名称,用来接收子组件传递的数据

微信小程序如何添加:

第一步、更新微信版本是653,如何查看自己的版本号(点击:我——设置——关于微信)

第二步、 方法1:打开别人发给你或者扫描一个小程序二维码。

方法2:可以在微信端首页的搜索窗口,你可以通过搜索“小程序示例”,获取一个小程序。点击进去,等小程序加载完后,微信端就会自动出现小程序的按钮。

第三步、再打开微信,点击底部的「发现」按钮,你会发现,页面中多了一栏图标为 S 型的「小程序了,点击即可进入小程序页面。

微信小程使用计时器赋值闪烁修改方法。

1、开始定位:可能是倒计时写的有问题,因为不断的对倒计时的时间进行的赋值,停的赋值使得页面闪烁,每次赋值前没有清空定时器(这时忽略了一个很重要的问题,是滑动的时候才有闪烁和抖动问题),所以一直纠结在这个问题上,不断的调整定时器的写法。

2、考虑到是不是页面滑动的问题,在谷歌的时候使用微信小程序、倒计时、滑动等关键词,搜索出的主要解决方案都是修改页面的配置,修改页面事件,均无效果,并不是方法的问题,根本上是问题定位不准确。

以上就是关于微信小程序_组件全部的内容,包括:微信小程序_组件、请问想在小程序里边实现那种计时器结束以后跳转页面,该怎么 *** 作啊、微信小程序之组件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/9646033.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存