1 1、打开微信开发者工具2、打开wxml文件3、设置form标签4、设置button标签的form-type属性5、设置提交的函数6、打开模拟器进行预览 注意事项 如果遇到问题，可以在下面提出疑问。
Cloud Studio代码运行 <form bindsubmit="onSubmitEvent"><view>账号:<input name='username'placeholder="请输入账号">input>view><view>密码:<input name='password'password placeholder="请输入密码">input>view><button form-type="submit"type="primary">登录button><button form-type="reset">取消button>form...
<button type="warn">我是按钮4</button> 按钮1 不设置type,就是白底黑字; 按钮2 默认,灰底绿字; 按钮3 用的是微信的基础设置,绿底白字; 按钮4 警告类型,灰底红字。 form-type:按钮针对表单的提交类型 <button form-type="submit">我是按钮1</button> <button form-type="reset">我是按钮2</button...
<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: { }, /** * 生命...
微信小程序学习笔记——常见组件【button——外观样式】 button 下面的配置删除掉 基础库 1.0.0 开始支持,低版本需做兼容处理。 按钮。 size 的合法值 type 的合法值 form-type 的合法值 open-type 的合法值 lang 的合法值 删除掉上图的配置之后
form-type 的合法值 open-type 的合法值 lang 的合法值 下面举例子: 外观主要用到这几个属性: button 标签 1 外观的属性 1 size 控制按钮的大小 1 default 默认大小 2 mini 小尺寸 2 type 用来控制按钮的颜色 1 default 灰色 (字体颜色是绿色)
}//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'}}...
<button style="opacity: {{opacity}};color: white; background-color: #ff8719;" disabled="{{disabled}}" loading="{{loginLoading}}" class="marginview"form-type="submit">登录</button> </form> <button bindtap="gotoRegist" plain style="color:...
form-type 有效值: open-type 有效值: 示例代码: /** wxss **//** 修改button默认的点击态样式类**/.button-hover{background-color: red; }/** 添加自定义button点击态样式类**/.other-button-hover{background-color: blue; } <buttontype="default"size="{{defaultSize}}"loading="{{loading}}"...
form-type String 用于<form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件 hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果 hover-start-time Number 20 按住后多久出现点击态,单位毫秒 hover-stay-time Number 70 手指松开后点击态保留时间,单...