Главная Обзор Помощь
Регистрация Вход
DangYL
/
jtls_html
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

创建项目

创建项目
dangyunlong 3 недель назад
Родитель
1ace33da5b
Сommit
3c7f9c489a
7 измененных файлов с 187 добавлено и 0 удалено
Единый вид Показать статистику Diff
  1. 82 0
      index.html
  2. 6 0
      src/css/animate.min.css
  3. 35 0
      src/css/index.css
  4. 1 0
      src/script/jquery.min.js
  5. 39 0
      src/script/script.js
  6. 12 0
      src/script/swiper-bundle.min.css
  7. 12 0
      src/script/swiper-bundle.min.js

+ 82 - 0
index.html
Просмотреть файл 

@@ -0,0 +1,82 @@
 
+<html>
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        <title>杰通律师事务所</title>
 
+        <link rel="stylesheet" href="src/css/index.css">
 
+        <!--animate.style-->
 
+        <link rel="stylesheet" href="src/css/animate.min.css">
 
+        <!--jquery-->
 
+        <script src="src/script/jquery.min.js"></script>
 
+        <!--swiper-->
 
+        <link rel="stylesheet" href="src/script/swiper-bundle.min.css" />
 
+        <script src="src/script/swiper-bundle.min.js"></script>
 
+        <!--local-->
 
+        <script src="src/script/script.js"></script>
 
+    </head>
 
+    <body>
 
+        <!--动态特效-->
 
+        <!--文档 https://animate.style/-->
 
+        <div style="text-align: center;">
 
+            <h1 class="animate__animated animate__bounce">动态效果</h1>
 
+            <!--延迟2秒 animate__delay-2s-->
 
+            <h1 class="animate__animated animate__heartBeat animate__delay-2s">动态效果</h1>
 
+            <h1 class="animate__animated animate__fadeIn">动态效果</h1>
 
+        </div>
 
+
 
+        <!--轮播图-->
 
+       
+        <!--Swiper -->
 
+        <!--文档地址：https://www.swiper.com.cn/demo/index.html-->
 
+        <div class="swiper mySwiper" style="width: 600px;height: 400px;">
 
+            <div class="swiper-wrapper">
 
+            <div class="swiper-slide">Slide 1</div>
 
+            <div class="swiper-slide">Slide 2</div>
 
+            <div class="swiper-slide">Slide 3</div>
 
+            <div class="swiper-slide">Slide 4</div>
 
+            <div class="swiper-slide">Slide 5</div>
 
+            <div class="swiper-slide">Slide 6</div>
 
+            <div class="swiper-slide">Slide 7</div>
 
+            <div class="swiper-slide">Slide 8</div>
 
+            <div class="swiper-slide">Slide 9</div>
 
+            </div>
 
+            <div class="swiper-button-next"></div>
 
+            <div class="swiper-button-prev"></div>
 
+        </div>
 
+        <script>
 
+            //swiper
 
+            var swiper = new Swiper(".mySwiper", {
 
+                navigation: {
 
+                    nextEl: ".swiper-button-next",
 
+                    prevEl: ".swiper-button-prev",
 
+                },
 
+            });
 
+        </script>
 
+
 
+        <!--表单-->
 
+        <div>
 
+            <form id="form">
 
+                <input type="text" placeholder="姓名" id="name">
 
+                <input type="text" placeholder="公司名称" id="company">
 
+                <input type="text" placeholder="手机号码" id="phone">
 
+                <input type="text" placeholder="验证码" id="code">
 
+                <select name="" id="type">
 
+                    <option value="1">民事</option>
 
+                    <option value="2">刑事</option>
 
+                    <option value="3">行政</option>
 
+                </select>
 
+                <select name="" id="province">
 
+                    <option value="1">北京市</option>
 
+                </select>
 
+                <select name="" id="city">
 
+                    <option value="1">朝阳区</option>
 
+                    <option value="2">西城区</option>
 
+                    <option value="3">东城区</option>
 
+                </select>
 
+                <textarea name="" id="description" cols="30" rows="10" placeholder="案件概述"></textarea>
 
+            </form>
 
+            <button id="submit" onclick="submitForm()">提交</button>
 
+        </div>
 
+
 
+    </body>
 
+</html>

Разница между файлами не показана из-за своего большого размера
+ 6 - 0
src/css/animate.min.css


+ 35 - 0
src/css/index.css
Просмотреть файл 

@@ -0,0 +1,35 @@
 
+html,
 
+body {
 
+    position: relative;
 
+    height: 100%;
 
+}
 
+
 
+body {
 
+    background: #eee;
 
+    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 
+    font-size: 14px;
 
+    color: #000;
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+
 
+.swiper {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.swiper-slide {
 
+    text-align: center;
 
+    font-size: 18px;
 
+    background: #fff;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+}
 
+
 
+.swiper-slide img {
 
+    display: block;
 
+    width: 100%;
 
+    height: 100%;
 
+    object-fit: cover;
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
src/script/jquery.min.js


+ 39 - 0
src/script/script.js
Просмотреть файл 

@@ -0,0 +1,39 @@
 
+//提交页面表单
 
+function submitForm(){
 
+    // 获取表单项的值
 
+    var name = $('#name').val();
 
+    var company = $('#company').val();
 
+    var phone = $('#phone').val();
 
+    var code = $('#code').val();
 
+    var type = $('#type').val();
 
+    var province = $('#province').val();
 
+    var city = $('#city').val();
 
+    var description = $('#description').val();
 
+
 
+    var formData = {
 
+        name: name,
 
+        company: company,
 
+        phone: phone,
 
+        code: code,
 
+        type: type,
 
+        province: province,
 
+        city: city,
 
+        description: description
 
+    };
 
+
 
+    console.log(formData);
 
+
 
+    //ajax方法
 
+    $.ajax({
 
+        url: 'https://apipre1.bjzxtw.org.cn/verifyCode',
 
+        type: 'GET',//GET POST
 
+        data: formData,
 
+        success: function(response){
 
+            console.log(response);
 
+        },
 
+        error: function(error){
 
+            console.log(error);
 
+        }
 
+    });
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 12 - 0
src/script/swiper-bundle.min.css


Разница между файлами не показана из-за своего большого размера
+ 12 - 0
src/script/swiper-bundle.min.js


Некоторые файлы не были показаны из-за большого количества измененных файлов