1. 微信小程序自定义弹框禁止页面滚动 添加自定义的弹出框后，当滚动弹框时时下边的页面也会跟着滚动 解决办法： 在弹出层上添加 catchtouchmove=’true’ 这种操作如果弹出层也有滚动条，则...
原创
2021-11-23 17:00:39
1969阅读
原文链接：https://mp.weixin.qq.com/s/23wPVFUGY-lsTiQBtUdhXA1概述由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。...
转载
2018-05-07 12:53:00
139阅读
2评论
<!-- 点击立即抢拼弹出框 --> <view class='add-rob' bindtap="setModalStatus" data-status="0" wx:if="{{showModalStatus}}"></view> <view class='rob-box' wx:if="{{s
转载
2017-11-29 16:05:00
161阅读
概述
由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。今天我们就分享这样的小教程。希望对大家有所帮助。
不多说了，二当家要上图来啦！
快去拿个小板凳，坐等更多更新
注意：如若需要请联系微信geekxz
2
wxml
<button class="sh
转载
2021-07-28 14:21:12
988阅读
<modal title="对话框" hidden="{{deviceDialogHidden}}" confirm-text="关闭" no-cancel="true"> <scroll-view class="device-list" scroll-y scroll-with-animation> <view wx:for="{{bleDeviceLis...
原创
2023-02-22 14:25:49
115阅读
转 https://blog..net/wcy0112/article/details/143368550 1 简介 小程序没有下拉选择的组件所以只能自己写一个了。 先看效果 2 组件说明 功能类似 element-ui 的 el-select 【根据 value 去匹配 label 回 ...
效果图 html样式 <image catchtap="eduBulletFrame" class='in-image' src="../../images/other/tianjia.png"></image> <view class="bubble_frame" bindtap='uploadV
原创
2022-10-31 06:19:59
751阅读
前言 微信小程序自1月19号发布后,可谓是有人欢喜有人忧啊.曾经对它一度抱有各种期待的前端工作者们在张总的一句句:"不行","不能"中小失所望.但它作为一种轻型应用工具,给我们开发者带来的便利也是无可厚非的.而自定义组件这个大功能呢也是从小程序基础库版本 1.6.3 开始支持的，低版本需做兼容处理,
转载
2020-04-14 02:03:00
142阅读
2评论
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 1、首先我们创建一个基本的小晨旭组件【/Components/Tabs/Tabs】，如下 Tabs.js // pages/Components/Tabs/Tabs.js Component({ /** * 组件的属性列表 */ propertie
原创
精选
2021-11-05 10:33:02
467阅读
首先wxml代码： 注：hidden属性用于切换比较频繁的地方。 wxss代码设置弹窗样式: js: 注：setTimeout()函数是异步的，当计算机执行到setTimeout时，此任务先暂停并保存，继续执行后续未完成的任务，当条件满足时，再将setTimeout的执行任务放回任务队列的后面，等待
原创
2023-05-15 11:04:28
245阅读
微信小程序的自定义 tabBar 功能可以让你摆脱默认样式的限制，打造更贴合小程序风格、更具交互性的底部导航栏。下面我将为你梳理实现自定义 tabBar 的要点、步骤、注意事项以及一些进阶技巧。?️ 微信小程序自定义 tabBar 指南✨ 核心优势与注意事项自定义 tabBar 是指你可以用一个自定义组件来完全控制小程序底部导航栏的渲染和交互。这意味着你不再受限于原生 tabBar 的样式和功能，
本文为自定义弹窗，该内容可满足如下需求：自定义各种布局弹窗、点击弹窗布局外消失弹窗弹出弹窗时
转载
2022-10-14 16:13:53
400阅读
用，提高代码的可维护性。 首先我说一下为什么，然后我在利用一个栗子来演示一下我们如果不使用自定义组件带来的麻烦。 我们去网易新闻官方网站进行查看，仔细观察一下，可以发现有的内容布局是
原创
2023-05-18 10:36:48
108阅读
1、创建组件 2、编写wxml文件 3、写样式 4、dialog.js 5、引入组件index.json 6、父组件index.js 7、使用组件
原创
2021-12-28 14:12:15
143阅读
一般创建一个 components 的文件夹来管理，一个自定义组件由 json wxml wxss js 4个文件组成。 首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：【如果是按照下面的方式常见 是自动生成的】 注意： 这
原创
2022-05-31 20:00:28
461阅读
微信小程序自定义组件 一. 创建自定义组件 类似于页面，一个自定义组件由 `wxml wxss js` 4个文件组成 二.组件声明 首先需要在自定义组件所在的 文件中进行自定义组件声明 三.编辑组件 同时，还要在 文件中编写组件模板，在 文件中加入组件样式 wxml与xcss和普通页面设置差不多 w
原创
2021-06-03 19:32:55
140阅读
一. 创建和使用组件 1. 自己定义组件（组件也是包含: js，json，wxml，wxss的页面文件） 2. 在需要使用该组件的页面中，添加组件信息 创建组件 1. 在根目录，创建components文件夹，用来存放组件的子文件夹。 2. 可以在components中创建子文件夹，用来作为自定义组 ...
转载
2021-10-25 16:57:00
219阅读
2评论
小程序目前已经支持组件化开发，可以将页面种的功能模块抽取成自定义组件，以便在不同的页面种重复使用；也可以降复杂的页面拆分成多个低耦合的模块，有助于代码维护。
组件分类
公共组件：将页面内的功能模块抽取成自定义组件，以便在不同的页面种重复使用。 建议放在项目根目录的components文件夹中
页面组件：将复杂的页面拆分成多个低耦合的模块，有助于代码维护。 建议放在对应页面的目录中
建议一个组件一个
原创
2024-04-25 16:32:38
73阅读
一、显示loading效果 显示loading 效果，请求结束后隐藏loading// 在请求模块中
wx.showLoading({
title: '加载中'
})
当请求完成后，关闭加载
wx.request({
success: ()=>{ // ... }
complete() {
setTime
