html问题。。。

你的猫 · 发表于 2025-4-29 21:39:06

现在的问题是不显示城市与地区，也无法导出和查询。。。。。。。。。
有没有懂html的大佬给看看怎么修复下
下面是代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数据查询系统</title>
<link rel="stylesheet" >
<style>
      body {
         background: linear-gradient(135deg, #00192E 0%, #003366 100%);
         color: #fff;
         min-height: 100vh;
      }
      .sidebar-card {
         background: rgba(255, 255, 255, 0.1);
         border-radius: 15px;
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
         padding: 25px;
         margin: 20px 0;
      }
      .form-control {
         background: rgba(255, 255, 255, 0.1);
         border: 1px solid rgba(255, 255, 255, 0.2);
         color: #fff !important;
      }
      .btn-custom {
         background: #0066CC;
         border: none;
         border-radius: 25px;
         padding: 12px 30px;
         transition: all 0.3s ease;
      }
      .btn-custom:hover {
         background: #004C99;
         transform: translateY(-2px);
      }
      .clock-panel {
         background: rgba(0, 0, 0, 0.3);
         padding: 20px;
         border-radius: 12px;
         margin-top: 30px;
      }
      .time {
         font-size: 2.2em;
         font-weight: 300;
         letter-spacing: 2px;
      }
      .date {
         font-size: 1.2em;
         opacity: 0.8;
         margin-bottom: 10px;
      }
</style>
</head>
<body class="fixed-full-screen">
<div class="container-fluid">
      <div class="row">
         
         <div class="col-sm-3">
            <div class="sidebar-card">
                  <h4 class="mb-4 text-center">数据查询条件</h4>
                  <form role="form">
                     <div class="form-group">
                        <label>关键字</label>
                        <input type="text" class="form-control" id="keyWord" placeholder="输入筛选关键词">
                     </div>

                     <div class="form-group">
                        <label>省份选择</label>
                        <select class="form-control m-b" id="provinceName"></select>
                     </div>

                     <div class="form-group">
                        <label>地区选择</label>
                        <select class="form-control m-b" id="areaName"></select>
                     </div>

                     <div class="form-group">
                        <label>查询数量</label>
                        <input type="number" class="form-control" id="number" value="500" min="1">
                     </div>

                     <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" id="ismobile">
                        <label class="form-check-label">包含座机号码</label>
                     </div>

                     <div class="form-check mb-4">
                        <input class="form-check-input" type="checkbox" id="ismobile2">
                        <label class="form-check-label">包含手机号码</label>
                     </div>

                     <div class="d-flex justify-content-between">
                        <button type="button" class="btn btn-custom" id="btnSearchData">开始查询</button>
                        <button type="button" class="btn btn-custom" id="btnExportData">导出数据</button>
                     </div>
                  </form>
            </div>

            
            <div class="clock-panel text-center">
                  <div id="clock">
                     <p class="date">{{ date }}</p>
                     <p class="time">{{ time }}</p>
                     <div class="mt-3">
                        <p>
                              <a
                                 class="text-info"
                                 target="_blank">下载客户端</a>
                        </p>
                        <p class="text-warning small">一切为了美好的未来</p>
                        <div class="text-muted small">
                              <span id="ip-address"></span>
                              <span id="location"></span>
                        </div>
                     </div>
                  </div>
            </div>
         </div>

         
         <div class="col-sm-9">
            <div class="p-3">
                  <table id="tableList" class="table table-hover table-dark"
                        style="width: 100%; background: rgba(0, 0, 0, 0.2);">
                     
                  </table>
            </div>
         </div>
      </div>
</div>


<script src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>


</body>
</html>

补充内容 (2025-4-29 22:15):
完整的代码在微云，https://share.weiyun.com/OO43E9Bc  大佬们给看看如何美化下啊，让他能自适应

爱你入骨 · 发表于 2025-4-29 21:39:07

重构了一下，重构的新的文件在压缩包内的/New文件夹内

https://mizzle233.lanzouu.com/ipPRc2v3febc

你的猫 · 发表于 2025-4-29 22:38:44

完整的代码在微云https://share.weiyun.com/OO43E9Bc
大佬们给看看如何美化下啊，让他能自适应

我用AI搜索美化要求有创意

《智能数据查询系统 - 未来科技风格》但是城市选择会出问题也不能采集也不能保存数据
[backcolor=var(--cos-color-bg)][size=0.16][color=var(--main-text-color)]

YXR20061105 · 发表于 2025-4-30 11:28:12

直接丢ai，让他自动改不就行了，我就用ai写了好多页面

补充内容 (2025-4-30 11:28):
vscode，trae

人杰啊 · 发表于 2025-4-30 13:51:01

你这是rmb解决的范畴

1425113841 · 发表于 2025-5-1 16:57:40

有偿可以联系我名字Q

		自动登录	找回密码
密码			注册

[已解决] html问题。。。

最佳答案

评分

浏览过的版块