photoshop创建透明背景的图层
1.使用快捷键Ctrl+N 快速新建
2.在弹出的对话框中选择,背景内容为透明,如图所示:
3.这样创建的图层就是透明的,如图所示:
1.使用快捷键Ctrl+N 快速新建
2.在弹出的对话框中选择,背景内容为透明,如图所示:
3.这样创建的图层就是透明的,如图所示:
核心代码如下:
this.$set(this.nodes[index],'showContent',result)
参考代码:
controlDis(index){//通过index拿到当前值
let result = false;
if(!this.nodes[index].showContent){
result = true;
}
this.$set(this.nodes[index],'showContent',result)
}
经测试,新属性的值能立即控制页面的显示和隐藏。
mpvue 返回后页面没有销毁,数据会缓存,所以进入页面我们需要重置数据即可。
onLoad() {
// 解决页面返回后,数据没重置的问题
Object.assign(this, this.$options.data());
},
methods: {
},
<!-- FreeMarker动态变量名 及 取值 -->
<#assign varName = "type${nn_index}">
${obj[varName] }
<#list ids as id>
<#assign _key = "name_${id}">
${names[_key]} //这里就可以得到值
<#list>
核心属性如下:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:
display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
<div id="p2">
这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。
</div>
/多行文本溢出显示省略号/
#p2{
width: 220px;
height: 58px;
overflow:hidden;
text-overflow:ellipsis;
background: greenyellow;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}