欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

將“l(fā)ightbox”效果打開以后，我們還可以給圖文組件加一個(gè)簡單的代碼效果，來引導(dǎo)訪客點(diǎn)擊圖片，具體操作如下：

1、添加一個(gè)代碼組件，將下列代碼復(fù)制進(jìn)去并保存：

<style>

? ? ._156uptb1kg02v{

? }

? .wei-loupe .zz-comp-list__item .img {

? ? position: relative;

? ? cursor: pointer;

? }

? .wei-loupe .zz-comp-list__item .img:after {

? ? content: '';

? ? width: 35px;

? ? height: 35px;

? ? background-color: rgba(0,0,0,.3);

? ? position: absolute;

? ? bottom: 0;

? ? right: 0;

? ? background: rgba(0,0,0,.3) url(https://f.cdn-static.cn/12954_16085423790635.png?imageView2/2/w/1800/q/75) center no-repeat;

? ? background-size: 85%;

? ? pointer-events: none;

? }

</style>

2、點(diǎn)擊圖文組件-設(shè)置-代碼-自定義class，將wei-loupe復(fù)制進(jìn)去并保存

最后的實(shí)際展示效果如下：

好啦，今天的教程就到這里了，大家趕快去試試吧，我們下期再見吧！