ai对话头部导航
This commit is contained in:
parent
0076759583
commit
d5658877e9
|
|
@ -6,6 +6,8 @@ body{
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background:url(../image/timg.jpg) no-repeat center center;
|
background:url(../image/timg.jpg) no-repeat center center;
|
||||||
background-size:contain;
|
background-size:contain;
|
||||||
|
padding-top:160px;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.ai_title{
|
.ai_title{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -20,7 +22,7 @@ body{
|
||||||
width: 800px;
|
width: 800px;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
background: rgba(0, 0, 0, .3);
|
background: rgba(0, 0, 0, .3);
|
||||||
margin: 100px auto 0;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.b_body {
|
.b_body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
$(function(){
|
||||||
|
$(".show_detail").hover(function(){
|
||||||
|
$(this).find(".detail_info").show();
|
||||||
|
},function(){
|
||||||
|
$(this).find(".detail_info").hide();
|
||||||
|
})
|
||||||
|
$(".detail_info").on("click",".info_txt",function(){
|
||||||
|
var key = $(this).attr("data-key");
|
||||||
|
$(".search-input-item").removeClass("active");
|
||||||
|
$("."+key).addClass("active");
|
||||||
|
if(key === "voice"){
|
||||||
|
$(".voicePanel").addClass("active");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
$(".carouselBottom").on("click",".bottomItem",function(){
|
||||||
|
$(".bottomItem").removeClass("active");
|
||||||
|
$(this).addClass("active");
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
// 取消语音录入
|
||||||
|
function cancelVoice(){
|
||||||
|
$(".voicePanel").removeClass("active");
|
||||||
|
}
|
||||||
45
machine.html
45
machine.html
|
|
@ -6,11 +6,54 @@
|
||||||
<script src="./js/jQuery-1.8.3.min.js"></script>
|
<script src="./js/jQuery-1.8.3.min.js"></script>
|
||||||
<link href="./css/machine.css" rel="stylesheet">
|
<link href="./css/machine.css" rel="stylesheet">
|
||||||
<link href="./css/demo.css" rel="stylesheet">
|
<link href="./css/demo.css" rel="stylesheet">
|
||||||
|
<link href="./css/flexleft.css" rel="stylesheet">
|
||||||
|
<script src="./js/public.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div class="map_header">
|
||||||
|
<div class="map_left">
|
||||||
|
<h2 class="logo_txt">
|
||||||
|
基于知识图谱的兵要信息平台
|
||||||
|
</h2>
|
||||||
|
<ul class="map-nav">
|
||||||
|
<li>
|
||||||
|
<a href="./map.html">首页</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javscript:void(0)">产品</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javscript:void(0)">后台管理</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul class="user_info">
|
||||||
|
<!-- <span class="search-Panel">
|
||||||
|
<input class="search-input-item prov" placeholder="请输入地点" />
|
||||||
|
<input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="经度" />
|
||||||
|
<input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="纬度" />
|
||||||
|
<div class="show_detail ml10">
|
||||||
|
<i class="iconfont icon-search"></i>
|
||||||
|
<ul class="detail_info">
|
||||||
|
<li class="info_txt" data-key="prov">地点</li>
|
||||||
|
<li class="info_txt" data-key="lon">经纬度</li>
|
||||||
|
<li class="info_txt" data-key="voice">语音</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</span> -->
|
||||||
|
<li class="info-item">
|
||||||
|
<div class="show_detail">
|
||||||
|
<img class="user_img" src="./image/3.jpg" />
|
||||||
|
<ul class="detail_info">
|
||||||
|
<li class="info_txt" data-key="user">admin</li>
|
||||||
|
<li class="info_txt" data-key="off">退出</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div class="ai_content">
|
<div class="ai_content">
|
||||||
<p class="ai_title">对话机器人</p>
|
|
||||||
<div id="box">
|
<div id="box">
|
||||||
<div class="b-head">
|
<div class="b-head">
|
||||||
<span class="h_span">AI对话</span>
|
<span class="h_span">AI对话</span>
|
||||||
|
|
|
||||||
28
map.html
28
map.html
|
|
@ -576,33 +576,7 @@
|
||||||
// })
|
// })
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script src="./js/public.js"></script>
|
||||||
$(function(){
|
|
||||||
$(".show_detail").hover(function(){
|
|
||||||
$(this).find(".detail_info").show();
|
|
||||||
},function(){
|
|
||||||
$(this).find(".detail_info").hide();
|
|
||||||
})
|
|
||||||
$(".detail_info").on("click",".info_txt",function(){
|
|
||||||
var key = $(this).attr("data-key");
|
|
||||||
$(".search-input-item").removeClass("active");
|
|
||||||
$("."+key).addClass("active");
|
|
||||||
if(key === "voice"){
|
|
||||||
$(".voicePanel").addClass("active");
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
$(".carouselBottom").on("click",".bottomItem",function(){
|
|
||||||
$(".bottomItem").removeClass("active");
|
|
||||||
$(this).addClass("active");
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
// 取消语音录入
|
|
||||||
function cancelVoice(){
|
|
||||||
$(".voicePanel").removeClass("active");
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="./js/map.js"></script>
|
<script src="./js/map.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue