微信小程序按钮框去掉的代码是什么?
微信小程序按钮框去掉怎么弄?有微信小程序用户想要把微信小程序按钮框去掉,但是不知道微信小程序按钮框怎么去掉。接下来小编为大家介绍微信小程序按钮框去掉怎么做哦。
微信小程序按钮框去掉怎么弄?
微信小程序按钮框去掉需要用到以下的微信小程序代码:
将demo小程序的/pages/index/index.wxml:
Page({ /** * 初始化数据
*/ data:{ phone: '', password: '', }, /** *
监听手机号输入 */ listenerPhoneInput: function(e)
{ this.data.phone = e.detail.value; }, /** *
监听密码输入 */ listenerPasswordInput: function(e)
{ this.data.password = e.detail.value; },
/** * 监听登录按钮 */ listenerLogin: function()
{ //打印收入账号和密码 console.log('手机号为: ', this.data.phone); console.log
('密码为: ', this.data.password); }, onLoad:function(options)
{ // 页面初始化
options为页面跳转所带来的参数
},
onReady:function(){ // 页面渲染完成
},
onShow:function(){ // 页面显示
},
onHide:function(){ // 页面隐藏
},
onUnload:function(){ // 页面关闭
} })
index.wxss小程序样式代码:
.inpu
t{ padding-left: 10px;
height: 44px;
} .inputView
{ border: 2px solid red;
border-radius: 40px;
margin-left: 15px;
margin-right: 15px; margin-top: 15px; }
微信小程序按钮框去掉需要用到以上的微信小程序代码哦。
微信小程序按钮框去掉怎么实现呢?感谢各位亲们的观看,以上是小编整理的微信小程序按钮框去掉所需要的微信小程序代码。更多微信小程序知识尽在微小乔。小编希望大家能多关注本网。
怎么修改微信小程序按钮格式
小程序按钮点击样式功能介绍
小程序转发按钮有什么功能?
上一篇:小程序网页接口有哪些功能?