pages-component-input-input.BhyYeX_2.js 6.2 KB

1
  1. import{_ as l,a2 as t,a3 as e,p as a,w as u,i as s,o as i,f as n,k as c,t as o,v as p,a4 as r,C as d,Y as f}from"./index-2PZN6pGH.js";const _=l({data:()=>({title:"input",focus:!1,inputValue:"",showClearIcon:!1,inputClearValue:"",changeValue:"",showPassword:!0,src:"../../../static/eye-1.png",platform:"",isNvue:!1}),methods:{onKeyInput:function(l){this.inputValue=l.detail.value},replaceInput:function(l){"11"===l.detail.value&&(this.changeValue="2")},hideKeyboard:function(l){"123"===l.detail.value&&t()},clearInput:function(l){this.inputClearValue=l.detail.value,l.detail.value.length>0?this.showClearIcon=!0:this.showClearIcon=!1},clearIcon:function(){this.inputClearValue="",this.showClearIcon=!1},changePassword:function(){this.showPassword=!this.showPassword},onFocus(){this.$mp.page.$getAppWebview().setStyle({softinputNavBar:"none"})},onBlur(){this.$mp.page.$getAppWebview().setStyle({softinputNavBar:"auto"})}},onLoad(){this.platform=e().platform}},[["render",function(l,t,e,_,m,h){const w=d,I=s,g=f;return i(),a(I,{class:"nvue-page-root"},{default:u((()=>[n(I,{class:"page-title"},{default:u((()=>[n(I,{class:"page-title__wrapper"},{default:u((()=>[n(w,{class:"page-title__text"},{default:u((()=>[c(o(m.title),1)])),_:1})])),_:1})])),_:1}),n(I,{class:"uni-common-mt"},{default:u((()=>[n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("可自动聚焦的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",focus:"",placeholder:"自动获得焦点"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("键盘右下角按钮显示为搜索")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input","confirm-type":"search",placeholder:"键盘右下角按钮显示为搜索"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("控制最大输入长度的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",maxlength:"10",placeholder:"最大输入长度为10"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("实时获取输入值:"+o(m.inputValue),1)])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",onInput:h.onKeyInput,placeholder:"输入同步到view中"},null,8,["onInput"])])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("控制输入的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",onInput:h.replaceInput,modelValue:m.changeValue,"onUpdate:modelValue":t[0]||(t[0]=l=>m.changeValue=l),placeholder:"连续的两个1会变成2"},null,8,["onInput","modelValue"])])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("控制键盘的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",ref:"input1",onInput:h.hideKeyboard,placeholder:"输入123自动收起键盘"},null,8,["onInput"])])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("数字输入的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",type:"number",placeholder:"这是一个数字输入框"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("密码输入的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",password:"",type:"text",placeholder:"这是一个密码输入框"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("带小数点的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",type:"digit",placeholder:"带小数点的数字键盘"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("身份证输入的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",type:"idcard",placeholder:"身份证输入键盘"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("控制占位符颜色的 input")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input","placeholder-style":"color:#F76260",placeholder:"占位符字体是红色的"})])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("带清除按钮的输入框")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",placeholder:"带清除按钮的输入框",value:m.inputClearValue,onInput:h.clearInput},null,8,["value","onInput"]),m.showClearIcon?(i(),a(w,{key:0,class:"uni-icon",onClick:h.clearIcon},{default:u((()=>[c("")])),_:1},8,["onClick"])):p("",!0)])),_:1})])),_:1}),n(I,{class:"uni-form-item uni-column"},{default:u((()=>[n(I,{class:"title"},{default:u((()=>[n(w,{class:"uni-form-item__title"},{default:u((()=>[c("可查看密码的输入框")])),_:1})])),_:1}),n(I,{class:"uni-input-wrapper"},{default:u((()=>[n(g,{class:"uni-input",placeholder:"请输入密码",password:m.showPassword},null,8,["password"]),n(w,{class:r(["uni-icon",[m.showPassword?"":"uni-eye-active"]]),onClick:h.changePassword},{default:u((()=>[c("")])),_:1},8,["class","onClick"])])),_:1})])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-c3bcc10b"]]);export{_ as default};