您当前的位置: 首页 > 知识百科 > 微信小程序按钮框去掉的代码是什么?

微信小程序按钮框去掉的代码是什么?

时间:2023-07-01 14:05 阅读数:69 人阅读 分类:知识百科

  微信小程序按钮框去掉怎么弄?有微信小程序用户想要把微信小程序按钮框去掉,但是不知道微信小程序按钮框怎么去掉。接下来小编为大家介绍微信小程序按钮框去掉怎么做哦。

  微信小程序按钮框去掉怎么弄?

  微信小程序按钮框去掉需要用到以下的微信小程序代码:

  将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; }

  微信小程序按钮框去掉需要用到以上的微信小程序代码哦。

  微信小程序按钮框去掉怎么实现呢?感谢各位亲们的观看,以上是小编整理的微信小程序按钮框去掉所需要的微信小程序代码。更多微信小程序知识尽在微小乔。小编希望大家能多关注本网。

  怎么修改微信小程序按钮格式

  小程序按钮点击样式功能介绍

  小程序转发按钮有什么功能?