first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/项目合集/菜谱App/fontend/demos.html
+++ b/项目合集/菜谱App/fontend/demos.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
+    <style>
+        img {
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body>
+
+
+    <div class="swiper-container">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide">
+                <img src="https://st-cn.meishij.net/p2/20200821/20200821114050_119.png" alt="">
+            </div>
+            <div class="swiper-slide">
+                <img src="https://st-cn.meishij.net/p2/20200820/20200820222119_267.jpg" alt="">
+            </div>
+            <div class="swiper-slide">
+                <img src="https://st-cn.meishij.net/p2/20200818/20200818225021_199.jpg" alt="">
+            </div>
+        </div>
+
+
+        <!-- 如果需要分页器 -->
+        <div class="swiper-pagination"></div>
+
+        <!-- 如果需要导航按钮 -->
+        <div class="swiper-button-prev"></div>
+        <div class="swiper-button-next"></div>
+
+        <!-- 如果需要滚动条 -->
+        <div class="swiper-scrollbar"></div>
+
+
+    </div>
+
+</body>
+<script src="./js/swiper-bundle.min.js"></script>
+<script src="../js/less.min.js" type="text/javascript"></script>
+
+<script> var mySwiper = new Swiper('.swiper-container', {
+        direction: 'horizontal',
+        loop: true,
+        // 如果需要分页器
+        pagination: {
+            el: '.swiper-pagination',
+        },
+
+        // 如果需要前进后退按钮
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        },
+
+        // 如果需要滚动条
+        scrollbar: {
+            el: '.swiper-scrollbar',
+        },
+    })
+
+</script>
+
+</html>