【第六节:微信小程序 小程序UI组件C】微信小程序入门,以思维导图的方式展开6

news2024/11/28 2:38:20

如果图文字看不清,可以私信我给发大图哈。

 6、小程序UI组件C


    导航(Navigation)


        navigator    应用链接
            url    String        应用内的跳转链接
            open-type    String    navigate    可选值 'navigate'、'redirect'、'switchTab'、'reLaunch','navigateBack',对应于wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch、wx.navigateBack 的功能
            delta    Number        当 open-type 为 'navigateBack' 时有效,表示回退的层数
            hover-class    String    navigator-hover    指定点击时的样式类,当hover-class="none"时,没有点击态效果
            hover-start-time    Number    50    按住后多久出现点击态,单位毫秒
            hover-stay-time    Number    600    手指松开后点击态保留时间,单位毫秒
    多媒体(Media)


        audio    音频


            id    String        video 组件的唯一标识符
            src    String        要播放音频的资源地址
            loop    Boolean    false    是否循环播放
            controls    Boolean    true    是否显示默认控件
            poster    String        默认控件上的音频封面的图片资源地址,如果 controls 属性值为 false 则设置 poster 无效
            name    String    未知音频    默认控件上的音频名字,如果 controls 属性值为 false 则设置 name 无效
            author    String    未知作者    默认控件上的作者名字,如果 controls 属性值为 false 则设置 author 无效
            binderror    EventHandle        当发生错误时触发 error 事件,detail = {errMsg: MediaError.code}
            bindplay    EventHandle        当开始/继续播放时触发play事件
            bindpause    EventHandle        当暂停播放时触发 pause 事件
            bindtimeupdate    EventHandle        当播放进度改变时触发 timeupdate 事件,detail = {currentTime, duration}
            bindended    EventHandle        当播放到末尾时触发 ended 事件


        image    图片


            src    String        图片资源地址
            mode    String    'scaleToFill'    图片裁剪、缩放的模式
            binderror    HandleEvent        当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'}
            bindload    HandleEvent        当图片载入完毕时,发布到 AppService 的事件名,事件对象event.detail = {height:'图片高度px', width:'图片宽度px'}


        video    视频


            src    String        要播放视频的资源地址
            duration    Number        指定视频时长
            controls    Boolean    true    是否显示默认播放控件(播放/暂停按钮、播放进度、时间)
            danmu-list    Object Array        弹幕列表
            danmu-btn    Boolean    false    是否显示弹幕按钮,只在初始化时有效,不能动态变更
            enable-danmu    Boolean    false    是否展示弹幕,只在初始化时有效,不能动态变更
            autoplay    Boolean    false    是否自动播放
            bindplay    EventHandle        当开始/继续播放时触发play事件
            bindpause    EventHandle        当暂停播放时触发 pause 事件
            bindended    EventHandle        当播放到末尾时触发 ended 事件
            bindtimeupdate    EventHandle        播放进度变化时触发,event.detail = {currentTime: '当前播放时间'} 。触发频率应该在 250ms 一次
            objectFit    String    contain    当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1259363.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

RAM++(recognize anything++)—— 论文详解

一、概述 1、是什么 RAM(RAM plus plus)论文全称 《Open-Set Image Tagging with Multi-Grained Text Supervision》。区别于图像领域常见的分类、检测、分割,他是标记任务——多标签分类任务(一张图片命中一个类别)&…

【我的创作纪念日】

机缘 大家好,我是圥忈ゼ, 2023 年 07 月 20 日,我撰写了第 1 篇技术博客:《我的编程未来规划》,也是由于我高考后的专业选择,和就业方向的选择,加上想立志成为一名专业 IT 作者,我结…

Docker | Docker部署MySQL

Docker | Docker部署MySQL ✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉 🍎个人主页:Leo的博客 💞当前专栏:Docker系列…

Python交互式解释器及用法

为了让开发者能快速学习、测试 Python 的各种功能,Python 提供的“python”命令不仅能用于运行 Python 程序,也可作为一个交互式解释器一一开发者逐行输入 Python 代码,它逐行解释执行。 当输入“python”命令时,可以看到如下输出…

IDEA的安装与删除插件

不小心安装了一个英文转中文的插件,看不习惯,决定重新变回英文 先点击这个settings的安装 然后就看到这个下面这张图了 如果是安装就点install,不用了就和我一样把这个勾给去掉

计算计能力挑战赛选择题真题(2020、2021、2022)

2020 1.关于联合体和结构体错误的是(a) a.联合体union的存放顺序是所有成员都从高地址开始存放的(x) (ps:联合体union的存放顺序是所有成员都从低地址开始存放的) b.联合体中可以定义多个成员,联合体的大小由最大的成员的大小决定。 c.可以使用匿名…

ChatGLM2详细安装部署(chatglm2大模型安装步骤三)

ChatGLM2安装部署 1.服务器配置 服务器系统:Centos7.9 x64 显卡:RTX3090 (24G) 虚拟环境:Miniconda3 2.安装部署 2.1 ChatGLM2下载 输入命令:git clone https://github.moeyy.xyz/https://github.com/THUDM/ChatGLM2-6B.git 输入命令:cd ChatGLM2-6B 注:https://g…

瓶盖内的条码需要注意哪些?,才能帮助企业有效搭建与消费者沟通~

在不断发展的消费品领域,特别是饮料行业,组织不断寻求创造性的方法来扩大客户参与度、增强品牌忠诚度并消除假冒产品。一种获得认可的新兴方法是在瓶盖和瓶盖上实施DataMatrix 条形码扫描。这种创新方法提供了许多好处,从改善消费者互动到强化…

idea 旧项目替换成新项目(项目名称,模块,代码)

文章目录 修改项目名替换模块、文件前缀全局替换包名局部替换xml、yml等其他文件 修改项目名 右击项目名称->Refactor->Rename(shiftF6) ctrlaltshifts 替换模块、文件前缀 git bash执行如下脚本 #/bin/bash # 单目录替换 for f in old-prefix*; do mv "$f…

用java实现王者荣耀

第一步是创建项目 项目名自拟 第二部创建个包名 来规范class 然后是创建类 GameFrame 运行类 package com.sxt; import java.awt.Graphics; import java.awt.Image; import java.awt.Toolkit; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; impo…

openGauss学习笔记-133 openGauss 数据库运维-例行维护-日维护检查项

文章目录 openGauss学习笔记-133 openGauss 数据库运维-例行维护-日维护检查项133.1 检查openGauss状态133.2 检查锁信息133.3 统计事件数据133.4 对象检查133.5 SQL报告检查133.6 备份133.7 基本信息检查 openGauss学习笔记-133 openGauss 数据库运维-例行维护-日维护检查项 …

SEOAI每周资讯和Linus思考 231127

欢迎查看 Linus筋斗云SEO 的每周资讯整理,本周的一些要点: Google11月核心更新和评论更新仍然没有结束9个搜索结果页的主要变化:图标、品牌、粉丝数、新模块GSC已索引页面狂掉?Google的问题,已修复黑五网一期间的搜索…

域名邮箱与企业邮箱的区别:功能、应用与优势

根据使用者的不同需求,电子邮件分为域名邮箱和企业邮箱两种类型。那么这两种邮箱之间究竟存在哪些区别呢?本文将从定义、优势和劣势三个方面进行详细解析。 什么是域名邮箱? 域名邮箱,顾名思义是以域名作为后缀的电子邮箱。域名邮…

vue 表格虚拟滚动

参考未整理 1.使用vxetable实现 官网 问题&#xff1a; 实现了表格的虚拟滚动&#xff0c;但是单元格数据不自动换行了 &#xff0c;如下显示的... 然后在官网看到是这样的&#xff0c;那我不是白写。。。 解决&#xff1a; 1.包一层div2.再写个换行样式 <vxe-column …

SPSS多维尺度分析

前言&#xff1a; 本专栏参考教材为《SPSS22.0从入门到精通》&#xff0c;由于软件版本原因&#xff0c;部分内容有所改变&#xff0c;为适应软件版本的变化&#xff0c;特此创作此专栏便于大家学习。本专栏使用软件为&#xff1a;SPSS25.0 本专栏所有的数据文件请点击此链接下…

java编程:⼀个⽂件中存储了本站点下各路径被访问的次数,请编程找出被访问次数最多的10个路径

题目 编程题&#xff1a;⼀个⽂件&#xff08;url_path_statistics.txt&#xff09;中存储了本站点下各路径被访问的次数 请编程找出被访问次数最多的10个路径时间复杂是多少&#xff0c;是否可以优化&#xff08;假设路径数量为n&#xff09;如果路径访问次数⽂件很⼤&#x…

深度学习中小知识点系列(二) 解读仿射变换和透视变换

综述 所有复杂的东西&#xff0c;都是由基本的组成的。所以我们需要先了解一下基础的变换有哪些&#xff1a; 平移 我们对矩形&#xff08;图像&#xff09;平移&#xff0c;需要怎么做&#xff1f; 对每一个像素点坐标平移。可以让每一个像素点的x,y坐标都加一个变量。 矩…

我叫:归并排序【JAVA】

1.认识我一下 1.归并排序(MERGE-SORT)利用归并的思想实现的排序方法,该算法采用经典的分治策略2.分治法将问题分成一些小的问题然后递归求解,而治的阶段则将分的阶段得到的各答案"修补"在一起&#xff0c;即分而治之。 2.分合思想 3 分久必合 /*** 合并** param arr …

好用的6个AI写作工具推荐,热门AI写作软件有哪些?

人工智能的快速发展催生了许多创新的应用&#xff0c;其中之一就是AI写作软件。这些免费的AI写作软件通过借助先进的自然语言处理技术&#xff0c;可以帮助写作者和创作者提升创作效率。本文将为大家介绍七款免费的AI写作软件&#xff0c;它们功能强大且易于使用。 我们来看看O…

基于Springboot的墙绘产品展示交易平台(有报告),Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的墙绘产品展示交易平台&#xff08;有报告&#xff09;&#xff0c;Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff0…