关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2650
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多
打开边栏(ESC)
关闭边栏(ESC)
Swiper prev按钮放在外面
方法:将按钮放在外面只需要将 <div class="swiper-button-prev"></div> 和 <div class="swiper-button-next"></div> 提取到 div class="swiper">...</div>外面,与其平级即可实现
完整代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <!-- Link Swiper's CSS --> <link rel="stylesheet" href="https://unpkg.com/swiper@6/swiper-bundle.min.css"> <!-- Demo styles --> <style> .list_bd{ position: relative; } .swiper-wrapper{ background: pink; } .list_bd .swiper { width: 90%; height: 100%; margin: auto; overflow: hidden; } .list_bd .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; } .list_bd .price{ color: var(--font-red); font-weight: bold; margin-top: 2px; } .list_bd img { width: 120px; height: 120px; } </style> </head> <body> <div class="list_bd"> <div class="swiper swiper_goods_1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="#" target="_blank"> <img src="123.jpg" title="标题"> <div class="price"> <span>¥</span>1200 </div> </a> </div> <div class="swiper-slide"> <a href="#" target="_blank"> <img src="123.jpg" title="标题"> <div class="price"> <span>¥</span>1200 </div> </a> </div> <div class="swiper-slide"> <a href="#" target="_blank"> <img src="123.jpg" title="标题"> <div class="price"> <span>¥</span>1200 </div> </a> </div> <div class="swiper-slide"> <a href="#" target="_blank"> <img src="123.jpg" title="标题"> <div class="price"> <span>¥</span>1200 </div> </a> </div> </div> </div> <div class="swiper-button-prev prev_1"></div> <div class="swiper-button-next next_1"></div> </div> <!-- Swiper JS --> <script src="https://unpkg.com/swiper@6/swiper-bundle.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper(".swiper_goods_1", { slidesPerView: 3, spaceBetween: 30, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> </body> </html>
赏
相关推荐
Uncaught (in promise) 的解决方法,可能原因
Uncaught (in promise) 的解决方法,可能原因;仅仅只是一种参考原因
我是因为copy的项目直接修改的,结果一直报错 Uncaught (in promise),检查发现接口请求数据已经正常返回,后来经过排查发现是在拦截器里面别人的判断是response.data.status !== 1 就算请求失败,从而Promi...
钉钉怎样设置快捷键?钉钉系统设置在哪
钉钉怎样设置快捷键?
1,打开电脑端钉钉面板,点击右上角自己的头像,下拉菜单中点击系统设置
2,进入系统设置面板,下拉滚动条,找到快捷键设置
评论加载中...
前一篇: 阿里云图标 在css中使用
后一篇: swiper循环遍历初始化实例化