<button type="warn">我是按钮4</button> 按钮1 不设置type,就是白底黑字; 按钮2 默认,灰底绿字; 按钮3 用的是微信的基础设置,绿底白字; 按钮4 警告类型,灰底红字。 form-type:按钮针对表单的提交类型 <button form-type="submit">我是按钮1</button> <button form-type="reset">我是按钮2</button...
1 1、打开微信开发者工具2、打开wxml文件3、设置form标签4、设置button标签的form-type属性5、设置提交的函数6、打开模拟器进行预览 注意事项 如果遇到问题，可以在下面提出疑问。
<button form-type="submit" type="primary">登录</button> <!-- 清除输入的数据,比如用户输入的账号密码 --> <button form-type="reset">取消</button> </form> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. js 文件 Page({ /** * 页面的初始数据 */ data: { }, /** * 生命...
form-type:类型 字符串 用于form组件 会分别触发submit和reset事件 属性值:submit 触发表单的submit事件 reset 触发表单的reset 事件 open-type:类型 字符串 微信的开放能力 属性值:contact:打开客服会话,如果用户在会话中点击消息卡片,返回小程序,可以从 bindcontact 回调中获取具体信息 share:触发用户转发 getPhoneNum...
form-type 的合法值 open-type 的合法值 lang 的合法值 下面举例子: 外观主要用到这几个属性: button 标签 1 外观的属性 1 size 控制按钮的大小 1 default 默认大小 2 mini 小尺寸 2 type 用来控制按钮的颜色 1 default 灰色 (字体颜色是绿色)
5.tip: 从 2.1.0 起,button 可作为原生组件的子节点嵌入,以便在原生组件上使用 open-type 的能力。 6.tip: 目前设置了 form-type 的 button 只会对当前组件中的 form 有效。因而,将 button 封装在自定义组件中,而 form 在自定义组件外,将会使这个 button 的 form-type 失效。
form-type 有效值: open-type 有效值: 示例代码: /** wxss **//** 修改button默认的点击态样式类**/.button-hover{background-color: red; }/** 添加自定义button点击态样式类**/.other-button-hover{background-color: blue; } AI代码助手复制代码 ...
谢谢！确实拼错了，我改一下。因为我在写代码时验证了一下，发现写成 form-type 或者 formType 的效果...
form-type 有效值: open-type 有效值: 示例代码: /** wxss **//** 修改button默认的点击态样式类**/.button-hover{background-color: red; }/** 添加自定义button点击态样式类**/.other-button-hover{background-color: blue; } <buttontype="default"size="{{defaultSize}}"loading="{{loading}}"...
}//botton的启用样式.formContbutton.active{color:#fff!important;background:#ff9537!important;}//botton的禁用样式.formContbutton.gray{color:#fff!important;background:#d9d9d9!important;}wxml内容:<button formType="submit"disabled='{{!phone}}'class="submitBtn {{phone!=''?'active':'gray'}}...