插件商城图文列表的选中效果是怎么做的

灰色背景图也是色块，这个是怎么实现这种边框效果的呢

大佬客气了~满意可以5分好评哟~

David.Zhong 发表于 2021-10-27 08:25
大佬，这是用css做的哈~
1.在设置中添加css文件，
2.给图文列表设置css类名customRepeater，

学习了，感谢分享，谢谢！

豪～豪 发表于 2021-10-28 10:24
感谢大佬

感谢大佬支持，大佬客气了~

David.Zhong 发表于 2021-10-28 09:57
低版本使用不同的css就好了。又专门帮大佬上传了一个7.0.3.0的工程。

感谢大佬

豪～豪 发表于 2021-10-28 09:34
低版本用不了吗

低版本使用不同的css就好了。又专门帮大佬上传了一个7.0.3.0的工程。

David.Zhong 发表于 2021-10-28 09:24
建议大佬升级最新版本使用哈，或者按照步骤设置一下~

低版本用不了吗

豪～豪 发表于 2021-10-28 09:09
大佬版本太高了有沒有7.0.3的

建议大佬升级最新版本使用哈，或者按照步骤设置一下~

David.Zhong 发表于 2021-10-27 08:25
大佬，这是用css做的哈~
1.在设置中添加css文件，

大佬版本太高了有沒有7.0.3的

David.Zhong 发表于 2021-10-27 18:22
大佬，这是用css做的哈~
1.在设置中添加css文件，

谢谢大佬

8.0可参考这个帖子~
活字格8.0新功能解密：六、颜值提升 - 图文列表样式提升
https://gcdn.grapecity.com.cn/fo ... 8&fromuid=63496
(出处: 葡萄城产品技术社区)




8.0之前的实现方案：
大佬，这是用css做的哈~
1.在设置中添加css文件，

1. .customRepeater .repeater-item * {
   
2.     cursor: pointer;
   
3. }
   
4. 
   
5. /* 老版本 */
   
6. /* .customRepeater .repeater-item:hover > div[fgc-gui="isBgImg"] {
   
7.     border: #A9E2FF solid 2px;
   
8. } */
   
9.    
   
10. /* 7.1版本 */
    
11. .customRepeater .repeater-item:hover > div[fgc-gui-bgname] > div {
    
12.     border: #A9E2FF solid 2px;
    
13. }

复制代码

2.给图文列表设置css类名customRepeater，

3.给图文列表模块中设置一块背景图片，背景图片的大小就是边框的大小，

运行效果：

工程文件（需最新版本设计器打开哟，老版本的话按照教程改一下css就好啦~）：