微信小程序笔记功能在哪里找,微信小程序笔记

绑定文本框内容

index.WXML

<view class="container"> <input type="text" bindinput="textInput" id="uname" value="{{uname}}"></input> <input type="password" bindinput="textInput" id="pwd" value="{{pwd}}"></input> </view>

index.JS

const app = getApp() Page({ data: { uname: '', pwd:'', }, textInput:function(e){ switch(e.target.id){ case 'uname': this.setData({ uname : e.detail.value }) break case 'pwd': this.setData({ pwd : e.detail.value }) break }, })

设置按钮宽度

WXML

<button type="primary" >Do</button>

WXSS

button{ border:1px solid rgb(10, 142, 175); margin-top: 2vh; height: auto; width: 85vw !important; /*关键*/ box-sizing: border-box; }

微信小程序笔记功能在哪里找,微信小程序笔记(1)

按钮样式

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页