<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:wfw="http://wellformedweb.org/CommentAPI/">
<channel>
<title>拾星漫记 - 全栈开发</title>
<link>https://blog.zhifouli.top/index.php/category/fullstack/</link>
<atom:link href="https://blog.zhifouli.top/index.php/feed/category/fullstack/" rel="self" type="application/rss+xml" />
<language>zh-CN</language>
<description>记录前后端开发中的问题与解决方案，适合不严格区分前后端的内容。</description>
<lastBuildDate>Mon, 28 Jul 2025 18:55:00 +0800</lastBuildDate>
<pubDate>Mon, 28 Jul 2025 18:55:00 +0800</pubDate>
<item>
<title>swiper实现阶梯式横向滚动轮播</title>
<link>https://blog.zhifouli.top/index.php/archives/39/</link>
<guid>https://blog.zhifouli.top/index.php/archives/39/</guid>
<pubDate>Mon, 28 Jul 2025 18:55:00 +0800</pubDate>
<dc:creator>知否离</dc:creator>
<description><![CDATA[使用Swiper实现横向滚动轮播卡片，附效果图和参考链接，本人直接通过AI实现。]]></description>
<content:encoded xml:lang="zh-CN"><![CDATA[
<div class="aisummary"><p class="ai-header"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"         stroke-width="2" stroke-linecap="round" stroke-linejoin="round">         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>         <path d="M3 10a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v6a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4v-6z"></path>         <path d="M8 3l2 3"></path>         <path d="M16 3l-2 3"></path>         <path d="M9 13v-2"></path>         <path d="M15 11v2"></path>     </svg>AI摘要 </p> <div class="ai-text-container">     <div class="ai-hidden-text">使用Swiper实现横向滚动轮播卡片，附效果图和参考链接，本人直接通过AI实现。</div>     <div class="ai-typewriter-text"></div> <span class="ai-cursor"></span> </div> <p class="ai-footer"> 此内容根据文章生成，仅用于文章内容的解释与总结 </p></div><p>网站开发有个需求，给卡片做成横向滚动轮播卡片，经调研可以使用swiper实现，这里附上<a href="https://blog.csdn.net/qq_41787619/article/details/94737291">CSDN的相关文章</a>，本人直接用AI实现，没做研究。<br>效果图：</p><p><img src="https://upyuncdn.zhifouli.top/weblog/uploads/2025/07/977241986.gif" alt="" title=""></p>
]]></content:encoded>
<slash:comments>0</slash:comments>
<comments>https://blog.zhifouli.top/index.php/archives/39/#comments</comments>
<wfw:commentRss>https://blog.zhifouli.top/index.php/feed/category/fullstack/</wfw:commentRss>
</item>
</channel>
</rss>