【微信小程序开发（10）---button 按钮 及其属性演示】

最新推荐文章于 2025-03-24 19:00:53 发布
最新推荐文章于 2025-03-24 19:00:53 发布
阅读量1.1k 收藏 25
点赞数 18
分类专栏： 程序员 文章标签： 微信小程序 notepad++ 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76379381/article/details/137510458
版权
本文详细介绍了微信小程序中button组件的用法，包括size、type属性和open-type开放能力的演示，如客服对话、转发、获取手机号和用户信息等功能。此外，还分享了作者的前端开发经验及学习资源推荐。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

学习笔记（1）：

button 标签

外观的属性

size 控制按钮的大小

default 默认值

mini 小尺寸

type 控制按钮的颜色

default 白色（灰色）

primary 绿色

warn 红色

plain: 按钮是否镂空，背景色透明

默认按钮

mini小尺寸

primary按钮

warn按钮

plain按钮

loading按钮

学习笔记（2）：

button 开放能力

open-type:

contract 直接打开 客服对话功能 需要在微信小程序的后台配置

share 转发当前的小程序 到微信朋友中 （不能吧小程序分享到朋友圈中）

最低0.47元/天 解锁文章
【微信小程序】表单组件-button按钮组件
墨夶的博客
11-23 1657
通过设置属性，可以自定义按钮点击时的样式。如果需要完全自定义点击态样式，可以设置并使用 CSS 控制点击态。-- index.wxml --> < button type = " primary " hover-class = " my-hover-class " > 自定义点击态 -- index.wxml --> < button type = " primary " hover-class = " my-hover-class " > 自定义点击态
微信小程序中Button组件的属性值和用法详解
suqi_123123的博客
05-25 3448
简要介绍Button组件在小程序中的作用和重要性，以及为什么开发者需要深入了解其属性值和用法。size：设置按钮尺寸大小。type：设置按钮样式类型。plain：设置按钮是否镂空。disabled：设置按钮是否禁用。open-type：设置按钮的开放能力。hover-class：设置按钮按下后的样式类。form-type：设置按钮在表单中的功能类型。lang：设置开放能力的语言类型。hover-stop-propagation：设置是否阻止事件冒泡。
微信小程序分享按钮默认样式去除
最新发布
haotian125j的博客
03-24 373
* 水平居中 *//* 重置行高 */display: flex;/* 保持 flex 布局 */align-items: center;/* 垂直居中 */display: none;/* 隐藏默认的点击效果 */background: none;/* 清除背景 */border: none;/* 清除边框 */padding: 0;/* 清除内边距 */margin: 0;/* 清除外边距 *//* 清除按钮的点击效果 *//* 清除按钮默认样式 */
微信小程序（组件 -- 表单：按钮）
web_only_的博客
12-05 2012
一、button按钮组件 button按钮属性 属性 类型 默认值 是否必填 作用 size string default 否 按钮的大小 type string default 否 按钮的样式类型 plain boolean false 否 按钮是否镂空，背景色透明 disabled boolean false 否 是否禁用 loading boolean fal...
微信小程序（1）---button的开放能力
weixin_44484709的博客
02-06 627
微信小程序（1）—button的开放能力 open-type: 1.contact 直接打开 客服对话功能 需要在微信小程序的后台配置 2.share 转发当前的小程序 到微信朋友中 但不能分享到朋友圈 3.getphoneNumber 获取当前用户的手机号码信息 结合一个事件来使用 不是企业小程序账号 没有权限获取用户的手机号码 1 绑定一个事件 bindgetphonen...
微信小程序 button 组件的使用
qq_46099629的博客
09-27 1700
在小程序中，我们可以使用。
微信小程序 ---- 组件应用和实际开发的DEMO
01-09
例如，DEMO可能演示了如何创建一个用户登录模块，包括输入框（input）、按钮（button）的交互，以及网络请求（调用微信小程序的API进行登录验证）。 7. **调试与发布**：开发过程中，微信开发者工具提供了强大的...
微信小程序把玩（十四）button组件
热门推荐
FUCK
09-25 3万+
button按钮用的算是最普遍的组件之一。主要属性：wxml<!--按钮默认样式，点击事件--> <button type="defaule" bindtap="clickButton">Defalut</button><!--原始颜色，不可点击状态， 正在加载状态--> <button type="primary" disabled="true" loading="true">Primary</b
微信小程序按钮Button使用详解
代码小疯子
12-03 2万+
微信小程序 按钮 button
微信小程序中 会话内消息卡片上的send-message-title在不同手机上的显示问题
欢迎来到我的频道~
07-23 6287
问题描述： （1）会话消息的标题在安卓上正常显示（2）在ios上 有点儿问题 （未给卡片设置标题，ios上还是会显示，但是安卓上面正常） 解决办法： 把后端返回来的值做个判断。 send-message-title="{{send_message_tit==''?' ':send_message_tit}}" 判断返回的值 是否为空，空的话，就让标题为空格（为了兼...
微信小程序button组件使用详解
08-28
主要为大家详细介绍了微信小程序button组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序button组件怎么使用？
贼厉害
02-06 3877
其实学过前端的小伙伴们都知道button标签是什么。
微信小程序button使用
R·ZORO的博客
05-06 447
【代码】微信小程序button使用。
【微信小程序】组件篇 -- 其它常用组件介绍 -- button & image（八）
JMFive的博客
02-24 1516
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第8篇文章;今天开始学习微信小程序的第四天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉。
学习笔记——微信小程序button组件
m0_63309256的博客
03-08 1353
1、type 属性来配置按钮的基本显示样式 ，可以是 default、primary、warn。2、plain 属性默认false ，表示按钮背景填充，为true时，背景不填充，只有边框文字。3、size 用来配置按钮的大小 可取值为 mini、default。
小程序中的button按钮
Nara_deer的博客
04-25 2837
一.button的外观属性 1.size属性：设置button的大小，可选值有"default"（默认）、"mini"（小尺寸） <button size="default">默认按钮</button> <!-- 当button不设置size属性时取默认大小 --> <button size="mini">小尺寸按钮</button> 2.type属性：设置button的颜色，可选值有"default"（默认）、"primary"（绿色.
微信小程序 按钮 button 组件
java1234的博客
05-28 1323
完整微信小程序(Java后端) 技术贴目录清单页面（必看） 属性 类型 默认值 必填 说明 最低版本 size string default 否 按钮的大小 1.0.0 type string default 否 按钮的样式类型 1.0.0 plain boolean false 否 按钮是否镂空，背景色透明 1.0.0 disabled boolean false 否 是否禁用 1.0.0 loading boolean false 否 名称前是否带 loading 图标
微信小程序Todo应用完整开发演示
此demo可作为学习微信小程序开发的实践材料，展示了一个简单的任务管理工具的完整实现过程。 在详细展开知识点前，需要明确微信小程序的概念以及其开发的基本要素。微信小程序是一种不需要下载安装即可使用的应用，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值