子比拓展插件之“小红书风格”框架-大海资源库

文章讨论2 原创插件地址HOT

子比拓展插件之“小红书风格”框架

18天前发布

24677

AI文摘此内容由AI根据文章内容自动生成

AI Summary

单独介绍小红书卡片，插件地址：https://vip.lzzcc.cn/16140.html

项目介绍

将列表页改造为小红书风格的瀑布流卡片布局，支持弹窗预览文章内容。

瀑布流布局：支持 2-5 列自适应，可按首页/分类页/标签页分别配置列数
弹窗预览：点击卡片弹出沉浸式阅读弹窗，支持图片轮播、评论列表、实时评论
切换动画：弹窗内左右切换文章，支持滑动/淡入两种动画效果
互动功能：弹窗内集成点赞、收藏、分享按钮，分享按钮 hover 显示付费信息 tooltip
指定分类：可限定仅特定分类使用卡片布局
深度适配：调用子比主题原生的点赞、收藏、头像等函数，保持风格统一

项目截图

动画3.gif

进一步优化

优化第四版小红书卡片框架，新增文字封面，参考人民的骆驼插件优化。

ScreenShot_2026-08-11_145236_557

ScreenShot_2026-08-11_145208_664

ScreenShot_2026-08-11_140809_310

ScreenShot_2026-08-11_145156_409

© 版权声明

NOTICE

1240555208@qq.com|Copyright © 2023~2026

01

DISCLAIMER

本站资源大多来自网络，如有侵犯权益请联系管理员，我们会第一时间审核删除。站内资源仅供学习测试，未经许可禁止商用，请在24小时内删除。

02

VIP PRIVILEGE

遇到付费内容？升级终身VIP即可全站免费畅享所有资源，可以联系我的微信进行开通。
大海聊天 QQ 3群：478065589

THE END

子比美化子比美化

及时反馈~ 共2条

请登录后发表评论

lingxiu0
大海，我想问一下，我买了你的插件对吧，为什么没有小红书这个样式的按键啊，并且能不能改成论坛是小红书样式的啊，看在我也买了的份上优化优化吧哦对了大海，用户名闪闪的是咋搞的啊，在线求交
21天前回复

作者0

在卡片里面选择第四版的小红书模式，这两天会更新。用户名用这个


/*昵称抖音故障风格*/
.display-name {
	text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);
	animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes shake-it {
	0% {
		text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5);
	}

	25% {
		text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);
	}

	50% {
		text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5);
	}

	100% {
		text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5);
	}

20天前@lingxiu

▶

子比主题美化

精品源码资源

精品插件模版

技术美化教程

加盟

站长

在线时间
12:00 - 22:00

TOP