Merge pull request #1 from kagol/kagol/docs-demo

docs: 调整demo效果，修复部分demo图片不显示问题
kagol · Apr 28, 2024 · d65d5ca · d65d5ca
2 parents 5132cf4 + dd00ba9
commit d65d5ca
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 14 deletions.
diff --git a/docs/.vitepress/theme/index.scss b/docs/.vitepress/theme/index.scss
@@ -1,3 +1,7 @@
 .debug {
   display: none;
-}
+}
+
+.demoblock-view {
+  overflow: initial !important;
+}
diff --git a/docs/features/bilibili-events/index.md b/docs/features/bilibili-events/index.md
@@ -113,6 +113,7 @@
 .carousel-demo-item-bilibili .carousel-tool a {
   color: inherit;
   font-size: 18px;
+  text-decoration: none;
 }
 
 .carousel-demo-item-bilibili .carousel-tool a:hover {

diff --git a/docs/features/huawei-events/index.md b/docs/features/huawei-events/index.md
@@ -11,7 +11,7 @@
       <div class="carousel-demo-basic-content">
         <h3>前行不辍，未来可期</h3>
         <p>华为轮值董事长郭平新年致辞</p>
-        <a class="btn-more" href="https://huawei.com/cn/special-release/new-year-message-2022?ic_medium=hwdc&amp;ic_source=corp_banner1_newyearmessage2022" onclick="ga('send', 'event', 'corp_hp_clicks', 'banner1', 'newyearmessage2022');" target="_blank" rel="noopener">了解更多</a>
+        <a v-if="false" class="btn-more" href="https://huawei.com/cn/special-release/new-year-message-2022?ic_medium=hwdc&amp;ic_source=corp_banner1_newyearmessage2022" onclick="ga('send', 'event', 'corp_hp_clicks', 'banner1', 'newyearmessage2022');" target="_blank" rel="noopener">了解更多</a>
       </div>
     </div>
   </div>
@@ -95,7 +95,7 @@
   cursor: pointer;
 }
 
-.carousel-demo-indicator-item.active{
+.carousel-demo-indicator-item.active {
   background: #5e7ce0;
 }
 </style>

diff --git a/docs/features/juejin-events/index.md b/docs/features/juejin-events/index.md
@@ -8,12 +8,12 @@
 <template>
   <DCarousel style="width: 470px; height: 280px;">
     <img
-      src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0a4dda7abf534e098f04fe0e968b1e0c~tplv-k3u1fbpfcp-zoom-mark-crop-v2:0:0:940:560.awebp?"
-      height="280"
+      src="/assets/juejin1.png"
+      style="height: 280px;"
     />
     <img
-      src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5e5b0b404fcb44ac9fb1359334186b46~tplv-k3u1fbpfcp-zoom-mark-crop-v2:0:0:940:560.awebp?"
-      height="280"
+      src="/assets/juejin2.png"
+      style="height: 280px;"
     />
   </DCarousel>
 </template>

diff --git a/docs/features/leetcode-card/index.md b/docs/features/leetcode-card/index.md
@@ -112,7 +112,7 @@
 
 ```vue
 <template>
-<div style="width: 858px;">
+<div style="width: 528px;">
   <div class="carousel-problemset-title">
     <h3>学习计划</h3>
     <div class="leetcode-pagination-wrapper">

diff --git a/docs/features/qqmusic/index.md b/docs/features/qqmusic/index.md
@@ -10,9 +10,6 @@
       <div class="playlist__item">
         <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/7759293603"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/ibO7y1R5gAqKsKKDaUxchyzkEBvN9tMHxMGhxaDsveRImUCyTiboVWrQ/300?n=1" alt="旋律说唱:一起感受粉色恋爱泡泡" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/7759293603">旋律说唱:一起感受粉色恋爱泡泡</a></span></h4><div class="playlist__other">播放量：297.2万</div></div>
       </div>
-      <div class="playlist__item">
-        <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/7871303692"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/bp55dcibXqUjaQjwt6gP1iaibEdjVJvp7vNbVQMjepC2ZTDNx1M3MkLnw/300?n=1" alt="鬼畜打败恐惧｜整点阳间的东西" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/7871303692">鬼畜打败恐惧｜整点阳间的东西</a></span></h4><div class="playlist__other">播放量：140.7万</div></div>
-      </div>
       <div class="playlist__item">
         <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/8249092627"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/BibN36PYLliczibicnsXMuTzLUZaErDuDop6moxSnrfAuWnAKrqDUnibMlQ/300?n=1" alt="上班族必备:枯燥无味听点歌解闷" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/8249092627">上班族必备:枯燥无味听点歌解闷</a></span></h4><div class="playlist__other">播放量：685.5万</div></div>
       </div>
@@ -30,9 +27,6 @@
       <div class="playlist__item">
         <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/1169459292"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/Ej7F4g676QjYgica7iamaB8vD7Dp1Bgiaicia2V0jNunmKNT5uSFLaZ6r2w/300?n=1" alt="「90后」承载着青春回忆的歌谣" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/1169459292">「90后」承载着青春回忆的歌谣</a></span></h4><div class="playlist__other">播放量：9941.1万</div></div>
       </div>
-      <div class="playlist__item">
-        <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/7382629476"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/Z89aLA93LOSOicz0QOnMboqgLaiaFohjweglHh6JSoL8hrjOfFOC6DXw/300?n=1" alt="精选 | 好听到单曲循环的热歌" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/7382629476">精选 | 好听到单曲循环的热歌</a></span></h4><div class="playlist__other">播放量：14.4亿</div></div>
-      </div>
       <div class="playlist__item">
         <div class="playlist__item_box"><div class="playlist__cover mod_cover"><a href="/n/ryqq/playlist/4276472710"><img class="playlist__pic" loading="lazy" src="//qpic.y.qq.com/music_cover/ic88Gx52icY2Txiaiao5n2tlPibPEGUKydonCia8mKhpetTbZnjHhBtMBkbA/300?n=1" alt="欧美节奏控 | 触碰你的听觉神经" data-qar-def="//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000"><i class="mod_cover__mask"></i><i class="mod_cover__icon_play"></i></a></div><h4 class="playlist__title"><span class="playlist__title_txt"><a href="/n/ryqq/playlist/4276472710">欧美节奏控 | 触碰你的听觉神经</a></span></h4><div class="playlist__other">播放量：236.9万</div></div>
       </div>

diff --git a/docs/public/assets/juejin1.png b/docs/public/assets/juejin1.png
diff --git a/docs/public/assets/juejin2.png b/docs/public/assets/juejin2.png