小程序的初涉
阿新 • • 發佈:2018-11-03
clam 設置 你在 play 輸入 text vertica 數字 背景
好久沒更博客了!!!
最近一直在忙者弄小程序,順便說說好了
先聊一下在弄小程序中遇到的困難吧,比如說:
文本溢出省略的問題:
一行的是
white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
多行省略的則是:在-webkit-line-clamp裏控制你要省略的行數
overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
還有就是在文本框裏英文與數字的困擾,比如說:你在input裏明明設置了一行省略,可是數字,英文卻沒有省略,可以用這個
word-wrap: break-word; word-break: normal;
在講講小程序裏input值的獲取吧:
因為小程序裏不能用v-model,當然有些小程序框架是可以獲取的,比如:myvue
此時則要用:用bindchange事件來獲取當用戶在input輸入的值
bindchange的函數寫法:
changeUserName(e){
e.detail.value;
},
e.detail.value就是輸入的值
但是,textarea這個就有點特殊了,不能用bindchange了,只能配合from表單使用:
<form bindsubmit="bindTextAreaBlur(e) { this.param.address=e.detail.value; },formSubmit" > <textarea bindblur="bindTextAreaBlur" placeholder="請輸入收貨地址" value="{{param.address}}" /> </form>
順便說一下,小程序裏是不能把本地圖片作為background image的參數的,那如果你要用本地圖片;
就只能用image了,把image絕對定位,z-index=-100,置於所有圖層之下,一樣起到背景圖的作用。
小程序的初涉