css累积

1.旋转、缩放特效

（1）.缩放

transform: scale(1.05);

（2）.旋转

transform: rotate(360deg);
transition: 1s;

2.方格背景

 background-repeat: repeat;
 background-size: 45px 45px;
 background-image: -webkit-linear-gradient(top, transparent 44px, #c8c8c8 45px),
 -webkit-linear-gradient(left, transparent 44px, #c8c8c8 45px);

3.超过行数、宽度用…代替

（1）.超过行数用…代替

 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;

（2）.超过宽度用…代替

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

4.vue类名绑定

写法很多，掌握一个即可

 :class="billtype_info.length == 0 ? 'df-cc' :'dfj-c' "

// uni-app 
:class="[item2.nullflag=='true' ? 'mustColor' : 'mustNullColor']"

5.style绑定

:style="'background-color:' + item.parentvo.bgColor +';'"

6.

filter: drop-shadow(0 0 2em #646cffaa);
filter: drop-shadow(0 0 2em #42b883aa);
filter: grayscale(100%);