小程序学习记录

小程序的省略号

• 单行文本

单行文本

text{

overflow:hidden; //超出一行文字自动隐藏

text-overflow:ellipsis;//文字隐藏后添加省略号

white-space:nowrap; //强制不换行

}

• 多行文本

text{

    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 32rpx;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}

微信小程序——button添加背景图片

        <button plain ='true' style='border:none;padding:0' bindtap="chooseImage">
                    <image class="item-image-add" src="../../images/task/task_add@2x.png" ></image>
        </button>