微信小程序中,block不是一个组件,而是一个包装元素,不会在页面中做任何渲染. 使用情况:条件渲染 wx:if 因为 wx:if 是一个控制属性,需要将它添加到一个标签/组件上,用于控制隐藏与显示.而如果需要一次性控制多个组件的隐藏与显示,一个一个添加wx:if过于繁琐,此时就可以使用block将这些组件包裹起来,对block设置wx:if控制属性 <block wx:if=""> <view catchtap="minus" data-cate…

报错:jsEnginScriptError VM6342: jsEnginScriptError Component is not found in path "component/space/space" (using by "pages/code/code");onAppRoute Error: Component is not found in path "component/space/space" (using by "pag…

小程序的基础组件--基础内容 基础内容分为三大组件: 1. icon--图标 index.wxml <view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}"/> </block> </view> <view class="group&q…

image 图片组件,支持 JPG.PNG.SVG.WEBP.GIF 等格式,2.3.0 起支持云文件ID. 所有属性如下: Tips image组件默认宽度320px.高度240px image组件中二维码/小程序码图片不支持长按识别.仅在wx.previewImage中支持长按识别 <image style="width: 200px; height: 200px; background-color: #eeeeee;" mode="scaleToFill"…

开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护.自定义组件在使用时与基础组件非常相似. 创建自定义组件 类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成.要编写一个自定义组件,首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一组文件设为自定义组件):同时,还要在 wxml 文件中编写组件模板,在 wxss 文件中加入组件样式,它们的写法…

第一  view和input和button组件 1.UI组件的通用属性 (1)id       唯一标识 (2)class  设置组件的样式类 (3)style 设置组件的内联样式 (4)hidden 设置组件的显示和隐藏 (5)data- 设置发送给事件的参数 (6)bind/catch 绑定事件 2.input组件的属性 (1)value 值 (2)password 是否是密码框 (3)placeholder 提示信息 (4)disabled 是否禁用 (5)maxlength 最大输入长度…

"tabBar": { "backgroundColor": "#303133", "color": "#ffffff", "selectedColor": "#CC1004", "list": [ { "pagePath": "pages/subject/subject", "text"…

video 视频(v2.4.0 起支持同层渲染).相关api:wx.createVideoContext 常见属性如下: 支持的格式 示例: <video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&am…

接上文:微信小程序开发04-打造自己的UI库 github地址:https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可: let View = require('behavior-view'); const util = require('../utils/util.js'); // const dateUtil = util.d…

编写组件 基本结构 接上文:微信小程序开发02-小程序基本介绍 我们今天先来实现这个弹出层: 之前这个组件是一个容器类组件,弹出层可设置载入的html结构,然后再设置各种事件即可,这种组件有一个特点: ① 只提供Header部分以及容器部分 ② 容器部分的HTML结构由业务层提供 ③ 容器部分对应样式由业务层提供 我们如果要在小程序中实现这类组件,意味着我们需要往小程序中动态插入WXML结构,我们这里先做个demo,试试往动态插入WXML是不是可行 this.setData({'wxml': `…