自用简便功能

文本溢出隐藏的几种情况

一、单行文本溢出隐藏并且显示省略号

white-space: nowrap;/*禁止换行*/

overflow: hidden;/*溢出部分隐藏*/

text-overflow: ellipsis;/*文本溢出部分显示省略号*/

二、多行本文溢出隐藏并且显示省略号

display: -webkit-box;/*自适应布局——-webkit-box布局*/

overflow: hidden;/*溢出隐藏*/

-webkit-box-orient: vertical;/*在父元素设置子元素的排列式——垂直*/

-webkit-line-clamp: 2;/*显示文本的行数——2行，可根据需要修改*/

uniapp项目中 如何精准防抖

定义全局变量isClick

var isClick=true;
if (isClick) {
   isClick = false;
    setTimeout(function () {
       isClick = true;
    }, 1000);//一秒内不能重复点击
}else{
  return;
}

uniapp项目中图片闪动 高度不确定

image{
    height:auto
}

uniapp使用背景图

给需要设置背景图片的组件增加样式：

position: relative;
z-index: 0; // 支付宝小程序下背景不生效时，可以加上这个

再在该组件中插入 image 组件：

<image class="image-bg" src="/static/images/bg.png"/>

在 App.vue 中加入 image-bg 样式：

.image-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

第一次搞，先写这点，下次想起再加