zl程序教程

微信小程序组件 360

  • 微信小程序官方组件展示之导航navigator源码

    微信小程序官方组件展示之导航navigator源码

    以下将展示微信小程序之导航navigator源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:页面链接。属性说明:属性类型默认值必填说明最低版本targetstringself否在哪个目标上发生跳转,默认当前小程序2.0.7合法值说明self当前小程序miniProgram其它小程序urlstring否当前小程序内的跳转链接1.0.0o

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之表单组件button源码

    微信小程序官方组件展示之表单组件button源码

    以下将展示微信小程序之表单组件button源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:按钮。属性说明:WebView:属性类型默认值必填说明最低版本sizestringdefault否按钮的大小1.0.0合法值说明default默认大小mini小尺寸typestringdefault否按钮的样式类型1.0.0合法值说明primar

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之表单组件form源码

    微信小程序官方组件展示之表单组件form源码

    以下将展示微信小程序之表单组件form源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:表单。将组件内的用户输入的switch input checkbox slider radio picker 提交。当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提交,需

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之表单组件label源码

    微信小程序官方组件展示之表单组件label源码

    以下将展示微信小程序之表单组件label源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:用来改进表单组件的可用性。使用 for 属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:button, checkbox, rad

    日期 2023-06-12 10:48:40     
  • 微信小程序 父子组件传值通信

    微信小程序 父子组件传值通信

    大家好,又见面了,我是你们的朋友全栈君。 微信小程序父组件往子组件传值: 父:<getCode phone="{ {phone}}" bind:myevent="onGetCode"></getCode> 通过phone=”{ {phone}}”传向子组件 子:properties: { phone: {

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之表单组件picker-view源码

    微信小程序官方组件展示之表单组件picker-view源码

    以下将展示微信小程序之表单组件picker-view源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:嵌入页面的滚动选择器。其中只可放置 picker-view-column组件,其它节点不会显示。属性说明:属性类型默认值必填说明最低版本valueArray.<number>否数组中的数字依次表示 picker-view

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之表单组件slider源码

    微信小程序官方组件展示之表单组件slider源码

    以下将展示微信小程序之表单组件slider源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:滑动选择器。属性说明:属性类型默认值必填说明最低版本minnumber0否最小值1.0.0maxnumber100否最大值1.0.0stepnumber1否步长,取值必须大于 0,并且可被(max - min)整除1.0.0disabledb

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之媒体组件camera源码

    微信小程序官方组件展示之媒体组件camera源码

    以下将展示微信小程序之媒体组件camera源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:系统相机。扫码二维码功能,需升级微信客户端至6.7.3。需要用户授权 scope.camera。 2.10.0起 initdone 事件返回 maxZoom,最大变焦范围,相关接口 CameraContext.setZoom。属性说明:属性类型默

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之媒体组件live-player源码

    微信小程序官方组件展示之媒体组件live-player源码

    以下将展示微信小程序之媒体组件live-player源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:实时音视频播放(v2.9.1 起支持同层渲染)。申请开通暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。一级类目/主体类型二级类目小程序内容场景社交直播涉及娱乐性

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之媒体组件voip-room源码

    微信小程序官方组件展示之媒体组件voip-room源码

    以下将展示微信小程序之媒体组件voip-room源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:多人音视频对话。需用户授权 scope.camera、scope.record。申请开通暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。开通该组件权限后,开发者可在

    日期 2023-06-12 10:48:40     
  • 微信小程序官方组件展示之开放能力ad源码

    微信小程序官方组件展示之开放能力ad源码

    以下将展示微信小程序之开放能力ad源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。功能描述:Banner广告。属性说明:错误码信息与解决方案表错误码是通过 binderror 回调获取到的错误信息。Bug & Tip1.tip:在无广告展示时,ad 标签不会占用高度2.tip:ad 组件不支持触发 bindtap 等触摸相关事件3.ti

    日期 2023-06-12 10:48:40     
  • 【愚公系列】2022年10月 微信小程序-优购电商项目-自定义组件

    【愚公系列】2022年10月 微信小程序-优购电商项目-自定义组件

    文章目录前言一、自定义组件1.小程序中的组件2.组件的定义1.1 声明组件1.2 使用组件1.3 效果前言组件(Component)是对数据和方法的简单封装。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。一、自定义组件1.小程序中的组件在微信小程序开发过程中,对于一些可能在多个页面都使

    日期 2023-06-12 10:48:40     
  • 微信小程序Video组件实现视频、自定义播放按钮、封面图、封面图文字demo

    微信小程序Video组件实现视频、自定义播放按钮、封面图、封面图文字demo

    效果图实现思路在video标签中添加view或cover-view标签,封面图可直接设置video组件的poster属性,自定义按钮和封面图文字包在view中设置定位即可,给自定义按钮绑定点击事件,触发事件后隐藏最外层view,给video绑定bindended事件 设置最外层view显示wxml<video id="myVideo" src="{{videoS

    日期 2023-06-12 10:48:40     
  • 微信小程序日期选择器(起始日期与终止日期)轮子复制粘贴直接用————modal组件

    微信小程序日期选择器(起始日期与终止日期)轮子复制粘贴直接用————modal组件

    先上图。每次开始默认获取当前选择的日期。 wxml<view class="beijing"> <view class="second"> <view class="second_1"> <view class="second_1_1">

    日期 2023-06-12 10:48:40     
  • 微信小程序常用表单组件

    微信小程序常用表单组件

    微信小程序常用表单组件1、常用表单组件1.1 button1.2 checkbox1.3 input1.4 label1.5 form1.6 radio1.7 slider1.8 switch1.9 textarea2、实训小案例--问卷调查1、常用表单组件1.1 button <button>为按钮组件,是常用的表单组件之一,用于事件的触发以及表单的提交。其属性表如下所示。代码示例:

    日期 2023-06-12 10:48:40     
  • 微信小程序_(组件)flex布局

    微信小程序_(组件)flex布局

          小程序建议使用flex布局进行排版   flex是一个盒装弹性布局   flex是一个容器,所有子元素都是他的成员      定义布局:display:flex     flex容器的属性:     一、flex-direction:排列方向     二、flex-wrap:换行规则     三、justify-content:对齐方式     四、or

    日期 2023-06-12 10:48:40     
  • 微信小程序_(组件)form表单

    微信小程序_(组件)form表单

          Form表单、switch开关、数值选择器效果  官方文档:传送门     点击提交表单(按钮,提交开关,数值选择器,输入文本中)的值,显示在控制台上,点击重置,重置表单中的值。   实现过程     form表单,添加form-type属性到表单上 <form bindsubmit="formSubmit" bi

    日期 2023-06-12 10:48:40     
  • 微信小程序_(组件)组件基础

    微信小程序_(组件)组件基础

        (progress、text、block) 组件基础效果  官方文档:传送门   Page({ /** * 页面的初始数据 */ data: { text:"Gary 微信小程序\n", icons:[ 'success', 'success_no_circle', 'info', 'warn', 'w

    日期 2023-06-12 10:48:40     
  • 【微信小程序】---- CustomBar 公用组件封装

    【微信小程序】---- CustomBar 公用组件封装

    1. WXML 代码 公用 CustomBar 盒子,此处可以设置公用的背景/字体颜色和字体大小;CustomBar 具体内容,按照胶囊右边距设置 CustomBar 盒子的左右

    日期 2023-06-12 10:48:40     
  • 微信小程序----map组件实现(获取定位城市天气或者指定城市天气数据)

    微信小程序----map组件实现(获取定位城市天气或者指定城市天气数据)

    WXRUI体验二维码 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 效果图 实现原理 采用高德

    日期 2023-06-12 10:48:40     
  • 微信小程序----button组件

    微信小程序----button组件

    效果体验二维码 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! DEMO下载 展示效果图 button

    日期 2023-06-12 10:48:40     
  • 微信小程序----gallery slider(图片轮播)组件

    微信小程序----gallery slider(图片轮播)组件

    效果体验二维码 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! DEMO下载 先上效果图:

    日期 2023-06-12 10:48:40     
  • 【微信小程序】一文带你吃透开发中的常用组件

    【微信小程序】一文带你吃透开发中的常用组件

    写在前面 小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。 官方把小程序的组件分为了9大类,分别是: 1.视图容器 2.基础内容 3.表单组件

    日期 2023-06-12 10:48:40     
  • 微信小程序 - 自适应swiper高度(非组件)

    微信小程序 - 自适应swiper高度(非组件)

              微信小程序swiper默认高度375rpx,一旦超过这高度,就滑动不到内容了,我们利用css3可以很简单做到这件事情   原理: 利用css3 横轴滚动属性overflow:scroll,设置死swiper高度为100vh,这时会产生css3滚动条,隐藏掉swiper-item::-webkit-scrollbar

    日期 2023-06-12 10:48:40     
  • 微信小程序 - 下拉刷新(非组件)

    微信小程序 - 下拉刷新(非组件)

          详情见示例:refresh

    日期 2023-06-12 10:48:40     
  • 微信小程序 - 自定义swiper dots样式(非组件)

    微信小程序 - 自定义swiper dots样式(非组件)

      自定义须知: :组件内无法使用自定义样式变化,需要自定义 :原理就是利用swiper change事件与下标index匹配,显示不同的样式 swiper组件须知: :一旦swiper用于组件化,就无法自定义dots样式     详细示例:swiper

    日期 2023-06-12 10:48:40     
  • 微信小程序 - 3d轮播图组件(基础)

    微信小程序 - 3d轮播图组件(基础)

        <!-- 目前仅支持data数据源来自banner,请看测试案例 ################ 以上三种形式轮播: 1. basic 2. 3d 3. book basic即普通轮播 3d即3d轮播 book即抽屉式轮播 ################# 是否显示指示点 isdot为true

    日期 2023-06-12 10:48:40     
  • 微信小程序-自定义组件

    微信小程序-自定义组件

    自定义一个swiper轮播.     index index.wxml 1 <!--logs.wxml--> 2 <swiperBanner Height="450rpx" imgList="{{banners}}" url="picUrl"></swiperBanner>     components文件夹中的

    日期 2023-06-12 10:48:40     
  • 【小程序】微信小程序button组件无法调整宽度的解决方法(已解决)

    【小程序】微信小程序button组件无法调整宽度的解决方法(已解决)

    解决方法就是把样式写到button标签的style中。 <button style="width:100%;"> </button>

    日期 2023-06-12 10:48:40     
  • 【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)

    【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努

    日期 2023-06-12 10:48:40     
  • 【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)

    【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努

    日期 2023-06-12 10:48:40