小程序的初涉

Posted 2021-01-17 sss大辉

好久没更博客了！！！

最近一直在忙者弄小程序，顺便说说好了

先聊一下在弄小程序中遇到的困难吧，比如说：

文本溢出省略的问题：

一行的是

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,置于所有图层之下，一样起到背景图的作用。