全局配置文件pages微信小程序有多少个页面window小程序的头部，用于设置小程序的状态栏、导航条、标题、窗口背景色backgroundTextStyle下拉 loading 的样式，取值有light（高亮），和dark（暗黑）navigationBarBackgroundColor头部导航的背景颜色navigationBarTitleText头部导航的标题子页面可以通过navigationBa
微信小程序tabBar开启custom，自定义tabbar组件小程序自带的tabBar样式，选中样式时：只能更改图标和文字的颜色。现在我需要选中时，当前选中的标签背景色变为红色，好像自带的并不能满足，因此琢磨了一下自定义组件。小程序自带的tabBar是在app.json里配置，可参考官网（https://developers.weixin.qq.com/miniprogram/dev/framew
一定的需求情况下，无法使用小程序原生的 tabbar 的时候，需要自行实现一个和 tabbar 功能一模一样的自制组件。查阅了海量的博客和文档之后，亲自踩坑。总结了三种在不使用微信小程序原生 tabbar的情况下自制 tabbar 的方法。并说说这几种方法各自的特色。类 navigator 跳转方式类 navigato
微信小程序中默认设置了tabbar组件，但是有时候需要我们自定义的 tabbar 组件去完成更多的功能，例如绑定一些自定义的属性和方法。自定义tabbar，就是使用我们定义的组件去替换系统默认的tabbar。创建组件tabbar是一个组件，它和平常使用view，text等组件是一样的，通过在前端页面中使用该标签，就能展示出对应的样式。自定义组件的第一步就是定义好这个组件的样子定义组件通过 wxml
1.场景描述微信小程序的标题栏，具体描述不需要太多解释，但是很多时候，不满足于默认的配置的时候，需要我们手动的去绘制一个tabbar。比如一般社交平台软件会要求中间有一个突出的发布按钮，此时就需要重新定制下tabbar了2.思路假设我们现在有这么一个需求，tabbar中的子项是根据api来获取的，比如商家有商家的入口，但是消费者没有这个入口，那么就需要从api中获取；此时，有了明确的需
前言 微信小程序自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
先看看自定义tabBar的效果 可能图片效果不是很明显，我用红框框出来了，这样看起来明显一点。接下来就是具体步骤了一、 先在pages里建两个文件夹，我现在做的项目tabBar只有两个，所以我建了两个文件夹，如果大于两个用这个方法也可以，但是不能多于五个。app.json中建立mine、和worktable(名字无所谓) "page
完整微信小程序(Java后端) 技术贴目录清单页面（必看）为了更好定制自定义组件的功能，可以使用自定义组件扩展机制。从小程序基础库版本 2.2.3 开始支持。扩展后的效果为了更好的理解扩展后的效果，先举一个例子：
转载
2021-07-06 16:14:27
570阅读
