1. 程式人生 > >小程序的初涉

小程序的初涉

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="
formSubmit" > <textarea bindblur="bindTextAreaBlur" placeholder="請輸入收貨地址" value="{{param.address}}" /> </form>
bindTextAreaBlur(e) { this.param.address=e.detail.value; },

順便說一下,小程序裏是不能把本地圖片作為background image的參數的,那如果你要用本地圖片;

就只能用image了,把image絕對定位,z-index=-100,置於所有圖層之下,一樣起到背景圖的作用。

小程序的初涉