Commit 6a0dfe76 by [username]

更新

parent 31033721
<!DOCTYPE html> <!DOCTYPE html>
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
...@@ -15,7 +16,7 @@ ...@@ -15,7 +16,7 @@
<div class="user-li-left-user"> <div class="user-li-left-user">
<div class="user-li-left-user-sign"> <div class="user-li-left-user-sign">
<svg class="icon" aria-hidden="true" id="icon-1"> <svg class="icon" aria-hidden="true" id="icon-1">
<use xlink:href="#icon-denglu"></use> <use xlink:href="#icon-yonghu"></use>
</svg> </svg>
</div> </div>
<div class="user-li-left-user-hello"> <div class="user-li-left-user-hello">
......
// 全部书籍 // 全部书籍
// 全部书籍 // 全部书籍
//左边大导航栏的切换 //左边大导航栏的切换
axios.defaults.baseURL = "http://akvudm.natappfree.cc" axios.defaults.baseURL = "http://jdr33g.natappfree.cc"
$('#user-li-content2').hide() $('#user-li-content2').hide()
$('#user-li-content3').hide() $('#user-li-content3').hide()
$('#user-li-content4').hide() $('#user-li-content4').hide()
...@@ -39,7 +39,7 @@ $('#user-li-select-content-allbook').click(()=>{ ...@@ -39,7 +39,7 @@ $('#user-li-select-content-allbook').click(()=>{
}) })
//申请借阅的点击 //借阅查询的点击
let section_message = null let section_message = null
$('#user-li-select-content-section').click(()=>{ $('#user-li-select-content-section').click(()=>{
$('#user-li-content2').show() $('#user-li-content2').show()
...@@ -52,7 +52,7 @@ $('#user-li-select-content-section').click(()=>{ ...@@ -52,7 +52,7 @@ $('#user-li-select-content-section').click(()=>{
$('#user-li-select-content-remain').css('border-bottom','none') $('#user-li-select-content-remain').css('border-bottom','none')
let userid = 'e9488a52-d5f7-46a9-828e-98471de02882' let userid = 'e9488a52-d5f7-46a9-828e-98471de02882'
axios.post('javaProject2_war_exploded/Was_borrowedServlet',{ axios.post('http://ckf2xf.natappfree.cc/javaProject2_war_exploded/WasBorrowedServlet',{
user_id : userid user_id : userid
}).then(res=>{ }).then(res=>{
console.log(res) console.log(res)
...@@ -158,9 +158,9 @@ $('#user-li-select-content-list').click(()=>{ ...@@ -158,9 +158,9 @@ $('#user-li-select-content-list').click(()=>{
$('#user-li-select-content-remain').css('border-bottom','none') $('#user-li-select-content-remain').css('border-bottom','none')
axios({ axios({
method: 'post', method: 'post',
url: 'javaProject2_war_exploded/Top_printServlet', url: 'http://ckf2xf.natappfree.cc/javaProject2_war_exploded/TopPrintServlet',
data: { data: {
name : 1 name : 1
} }
}).then(res=>{ }).then(res=>{
console.log(res.data) console.log(res.data)
...@@ -223,18 +223,18 @@ $('#user-li-select-content-remain').click(()=>{ ...@@ -223,18 +223,18 @@ $('#user-li-select-content-remain').click(()=>{
$('#user-li-select-content-section').css('border-bottom','none') $('#user-li-select-content-section').css('border-bottom','none')
$('#user-li-select-content-list').css('border-bottom','none') $('#user-li-select-content-list').css('border-bottom','none')
$('#user-li-select-content-allbook').css('border-bottom','none') $('#user-li-select-content-allbook').css('border-bottom','none')
axios.post('/javaProject2_war_exploded/Time_outServlet',{ axios.post('http://ckf2xf.natappfree.cc/javaProject2_war_exploded/TimeOutServlet',{
user_id : userid user_id : userid
}).then(res=>{ }).then(res=>{
console.log(res) console.log(res)
document.getElementsByClassName('user-xz-remind-bottom')[0].innerHTML = ' ' document.getElementsByClassName('user-xz-remind-bottom')[0].innerHTML = ' '
for (let i=0;i<res.data.length;i++){ for (let i=0;i<res.data.length;i++){
let $row=$('<div class="user-xz-remind-bottom-row"></div>'); let $row=$('<div class="user-xz-remind-bottom-row"></div>');
let $box1=$('<span class="box1"></span>'); let $box1=$('<span class="remain-box1"></span>');
let $box2=$('<span class="box2">编号</span>'); let $box2=$('<span class="remain-box2">编号</span>');
let $box3=$('<span class="box3">2022-2-16</span>'); let $box3=$('<span class="remain-box3">2022-2-16</span>');
let $box4=$('<span class="box4">1</span>'); let $box4=$('<span class="remain-box4">1</span>');
let $box5=$('<span class="box5"></span>'); let $box5=$('<span class="remain-box5"></span>');
let $button=$('<span class="button">已超时</span>'); let $button=$('<span class="button">已超时</span>');
let $line=$('<div class="row-line"></div>'); let $line=$('<div class="row-line"></div>');
$('.user-xz-remind-bottom').append($row); $('.user-xz-remind-bottom').append($row);
...@@ -246,8 +246,8 @@ $('#user-li-select-content-remain').click(()=>{ ...@@ -246,8 +246,8 @@ $('#user-li-select-content-remain').click(()=>{
$box5.append($button); $box5.append($button);
$row.after($line);} $row.after($line);}
for(let i=0;i<res.data.length;i++){ for(let i=0;i<res.data.length;i++){
document.getElementsByClassName('box1')[i].innerHTML = res.data[i].book_name document.getElementsByClassName('remain-box1')[i].innerHTML = res.data[i].book_name
document.getElementsByClassName('box2')[i].innerHTML = res.data[i].jdid + '-' +res.data[i].bookshelf_id + '-' +res.data[i].book_same_id document.getElementsByClassName('remain-box2')[i].innerHTML = res.data[i].jdid + '-' +res.data[i].bookshelf_id + '-' +res.data[i].book_same_id
} }
}) })
}) })
...@@ -404,20 +404,34 @@ for(let i=0;i<12;i++){ ...@@ -404,20 +404,34 @@ for(let i=0;i<12;i++){
// } // }
}) })
//创建allbook的大盒子
// for(let j=0;j<date.length;j++){ // for(let j=0;j<date.length;j++){
// $("<div class='uesr-li-allbook-book'></div>").appendTo($('.user-li-right-bookbox')) // $("<div class='uesr-li-allbook-book'></div>").appendTo($('.user-li-right-bookbox'))
// } // }
} }
//给创建好的allbook盒子创建子盒子
$("<img class='uesr-li-allbook-book-page'>").appendTo($('.uesr-li-allbook-book')) $("<img class='uesr-li-allbook-book-page'>").appendTo($('.uesr-li-allbook-book'))
$("<div class='uesr-li-allbook-book-introduce'></div>").appendTo($('.uesr-li-allbook-book')) $("<div class='uesr-li-allbook-book-introduce'></div>").appendTo($('.uesr-li-allbook-book'))
$("<div class='uesr-li-allbook-book-introduceT'>Java</div>").appendTo($('.uesr-li-allbook-book-introduce')) $("<div class='uesr-li-allbook-book-introduceT'>Java</div>").appendTo($('.uesr-li-allbook-book-introduce'))
$("<div class='uesr-li-allbook-book-introduceT-id'>Y-1-3-5</div>").appendTo($('.uesr-li-allbook-book-introduce')) $("<div class='uesr-li-allbook-book-introduceT-id'>Y-1-3-5</div>").appendTo($('.uesr-li-allbook-book-introduce'))
$("<button class='uesr-li-allbook-book-introduce-Sbutton'>查看书籍</button>").appendTo($('.uesr-li-allbook-book-introduce')) $("<button class='uesr-li-allbook-book-introduce-Sbutton'>查看书籍</button>").appendTo($('.uesr-li-allbook-book-introduce'))
$("<button class='uesr-li-allbook-book-introduce-Bbutton'>申请借书</button>").appendTo($('.uesr-li-allbook-book-introduce')) $("<button class='uesr-li-allbook-book-introduce-Bbutton'>申请借书</button>").appendTo($('.uesr-li-allbook-book-introduce'))
// let message = new Array(3)
// message[0]={
// name:'java',
// author:'cxz',
// id:'dadad'
// }
// message[1]={
// name:'python',
// author:'cxz',
// id:'dadad'
// }
// message[2]={
// name:'c++',
// author:'cxz',
// id:'dadad',
// image:'https://gitee.com/lidouble/lilihao-img/raw/master/lilihao-itemimg/使用者页面背景(1).jpg'
// }
//查看书籍的信息
// 查看书籍返回按钮 // 查看书籍返回按钮
document.getElementsByClassName('user-li-allbook-alert-see-button')[0].addEventListener('click',()=>{ document.getElementsByClassName('user-li-allbook-alert-see-button')[0].addEventListener('click',()=>{
...@@ -426,4 +440,36 @@ document.getElementsByClassName('user-li-allbook-alert-see-button')[0].addEventL ...@@ -426,4 +440,36 @@ document.getElementsByClassName('user-li-allbook-alert-see-button')[0].addEventL
//申请借书的取消按钮 //申请借书的取消按钮
document.getElementsByClassName('user-li-allbook-alert-lend-button-N')[0].addEventListener('click',()=>{ document.getElementsByClassName('user-li-allbook-alert-lend-button-N')[0].addEventListener('click',()=>{
$('.user-li-allbook-alert-lend').css('display','none') $('.user-li-allbook-alert-lend').css('display','none')
}) })
\ No newline at end of file
body{ body{
...@@ -499,6 +499,13 @@ button{ ...@@ -499,6 +499,13 @@ button{
line-height:100px; line-height:100px;
font-size:30px; font-size:30px;
} }
[class^="remain-box"]{
height:100px;
color:white;
text-align:center;
line-height:100px;
font-size:30px;
}
.user-xz-button{ .user-xz-button{
height:42px; height:42px;
...@@ -827,6 +834,7 @@ button{ ...@@ -827,6 +834,7 @@ button{
top: 200px; top: 200px;
left: 10px; left: 10px;
border-radius: 30px; border-radius: 30px;
box-shadow: 2px 2px rgba(0, 0, 0, 1);
display: none; display: none;
} }
......
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="test"></div>
<script>
let time = parseInt( new Date().getTime()/86400000)
// let time = new Date().getTime()/86400000
document.getElementById('test').innerHTML = time
</script>
</body>
</html>
\ No newline at end of file
@font-face {
@font-face {
font-family: "iconfont"; /* Project id */
src: url('iconfont.ttf?t=1645352388797') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-touxiang:before {
content: "\e655";
}
*{
margin: 0;
padding: 0;
}
body{
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow-x: hidden;
overflow-y: hidden;
background-image: url(https://gitee.com/hyyyyyy_l/images/raw/master/登录页面背景.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 1520px;
height: 1002px;
}
.login_register_box{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
div section:nth-child(1){
height: 334px;
}
div section:nth-child(2){
height: 668px;
/* flex: 1; */
}
/* 第一块 */
.head{
/* margin-top: 70px; */
/* margin-left: ; */
width: 880px;
height: 334px;
font-size: 50px;
/* font-family: ; */
color: white;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#head_one{
align-self: flex-start;
/* top: 70px;
margin-left: 0; */
}
#head_two{
align-self: flex-end;
/* top: 194px;
margin-right: 0; */
}
/* 第二块 */
input{
padding-left: 10px;
color: rgba(255, 255, 255, 0.7);
width: 357px;
height: 48px;
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
}
button{
width: 143px;
height: 48px;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
}
/* 用户头像 */
.user_avatar{
width: 357px;
height: 70px;
display: flex;
flex-direction: row;
justify-content: center;
}
@font-face {
font-family: "iconfont"; /* Project id */
src: url('iconfont.ttf?t=1645352388797') format('truetype');
}
.iconfont_1 {
font-family: "iconfont" !important;
color: rgba(255, 255, 255, 0.7);
font-size: 40px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-width: 1px;
border-radius: 50px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.7);
align-self: flex-end;
margin-bottom: 20px;
}
hr{
width: 370px;
height: 1px;
border: none;
background-color: rgba(255, 255, 255, 0.7);
}
/* 登陆页面 */
.login_body{
width: 357px;
height: 462px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: center;
}
/* 登录的输入框设置 */
.login_body_input{
margin-top: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
#login_body_input_one{
margin-top: 20px;
}
@font-face {
font-family: "iconfont"; /* Project id */
src: url('iconfont.ttf?t=1645352388797') format('truetype');
}
.iconfont_2 {
font-family: "iconfont" !important;
color: rgba(255, 255, 255, 0.7);
font-size: 20px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
}
#iconfont_2{
margin-top: 20px;
}
/* 登录时输入的下拉框设置 >> 账号数 */
#account_num{
color: rgba(255, 255, 255, 0.5);
display: block;
border-radius: 10px;
}
/* 记住密码、自动登录 忘记密码 */
.login_body_check{
margin-top: 5px;
margin-bottom: 10px;
width: 357px;
height: 45px;
color: rgba(255, 255, 255, 0.7);
position: relative;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items: flex-start;
}
.login_body_check .forget_password{
/* position: absolute; */
margin-right: 15px;
/* justify-self: flex-end; */
}
/* .remember_password{
margin: 10px;
}
.auto_login{
margin: 10px;
}
.forget_password{
justify-self: flex-end;
margin: 10px;
} */
#remember_password{
margin-left: 15px;
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
}
#auto_login{
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
}
/* #forget_password{
margin-left: 270px;
} */
/* 登录的按钮设置 */
.login_body_button{
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* #login_body_button_one{
}
#login_body_button_two{
} */
/* 验证码 */
.verification_code{
margin-top: 15px;
/* width: 357px; */
display: flex;
flex-direction: row;
justify-content: space-between;
}
#img{
width: 100px;
height: 50px;
border-width: 2px;
border-style: double;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
}
#verification_code_input{
width: 235px;
height: 50px;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
}
/* 注册页面 */
.register_body{
width: 357px;
height: 462px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
/* 注册的输入框设置 */
.register_body_input{
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/* *的设置 */
#register_body_must_input{
margin-left: 10px;
color: red;
}
#register_body_input_name{
margin-top: 35px;
}
p{
align-self: flex-start;
font-size: 10px;
color: rgba(247, 6, 6, 0.7);
}
/* 注册的按钮设置 */
.register_body_button{
margin-top: 15px;
margin-bottom: 10px;
width: 357px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* #register_body_button_one{
justify-self: flex-start;
}
#register_body_button_two{
justify-self: flex-end;
} */
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<script type="text/javascript" src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="./library_login_register.css/library_login_register.css">
<link rel="stylesheet" type="text/css" href="../头像和密码/iconfont.css">
<title>登录注册页面</title>
</head>
<body>
<div class="login_register_box">
<section class="head">
<h1 id="head_one">云斋晓开卷</h1>
<h1 id="head_two">独共圣人语</h1>
</section>
<section>
<!-- 用户头像 -->
<div class="user_avatar">
<span class="iconfont_1">&#xe655;</span>
</div>
<hr/>
<!-- 登陆页面 -->
<span class="login_body">
<div class="login_body_input">
<!-- 输入学号框中的用户头像 -->
<span class="iconfont_2" id="iconfont_2">&#xe655;</span>
<input id="login_body_input_one" type="text" placeholder="请输入您的学号" list="account_num">
<!-- 输入学号中的下拉展示 -->
<datalist id="account_num">
<!-- 1.items:要被循环的信息,可以是数组,Java集合
2.var:可选项,指定迭代之的别名
3.varStatus:可选项,当前迭代的状态信息;
4.begin:可选项,迭代开始的元素,起始下标为 0;
5.end:可选项,迭代结束的元素;
6.step:可选项,迭代的步长;
-->
<c:forEach var="num" items="${wuliaocp}">
<option value="您的帐号"></option>
</c:forEach>
</datalist>
</div>
<div class="login_body_input">
<!-- 输入框中的密码锁图标 -->
<span class="iconfont_2">&#xe660;</span>
<input id="login_body_input_two" type="password" placeholder="请输入您的密码">
</div>
<!-- 验证码 -->
<div class="verification_code">
<tr>
<td colspan="2">
<img id="img" src="checkCodeServlet">
</td>
</tr>
<div class="verification_code_input">
<input type="text" id="verification_code_input" placeholder="请输入验证码">
</div>
</div>
<!-- 记住密码、自动登录 忘记密码 -->
<div class="login_body_check">
<div class="remember_password">
<input type="checkbox" name="rememberMe" id="remember_password"> 记住密码
</div>
<div class="auto_login">
<input type="checkbox" name="autoLogin" id="auto_login"> 自动登录
</div>
<div class="forget_password" id="forget_password">忘记密码</div>
</div>
<div class="login_body_button">
<button id="login_body_button_one">用户登录</button>
<button id="login_body_button_two">注册</button>
</div>
</span>
<!-- 注册页面 -->
<span class="register_body">
<div class="register_body_input" id="register_body_input_name">
<input type="text" placeholder="姓名">
<div id="register_body_must_input">*</div>
</div>
<div class="register_body_input" id="register_body_input_stnum">
<input type="text" placeholder="学号">
<div id="register_body_must_input">*</div>
</div>
<div class="register_body_input" id="register_body_input_telnum">
<input type="text" placeholder="手机号">
<div id="register_body_must_input">*</div>
</div>
<div class="register_body_input" id="register_body_input_email">
<input type="text" placeholder="邮箱">
<div id="register_body_must_input">*</div>
</div>
<div class="register_body_input" id="register_body_input_password">
<input type="password" placeholder="密码">
<div id="register_body_must_input">*</div>
</div>
<p>注:密码应包含大小写字母、数字、特殊字符,长度在6-15内</p>
<div class="register_body_input" id="register_body_input_confirm_password">
<input type="password" placeholder="确认密码">
<div id="register_body_must_input">*</div>
</div>
<div class="register_body_button">
<button id="register_body_button_one" >确认</button>
<button id="register_body_button_two" >取消</button>
</div>
</span>
</section>
</div>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.0/axios.js"></script> -->
<script src="./library_login_register.js/library_login_register.js"></script>
</html>
\ No newline at end of file
window.onload=function(){
/* 登录页面 */
$(document).ready(function(){
$('span.register_body').hide();
})
// 注册按钮点击
$('button#login_body_button_two').click(function(){
$('span.login_body').hide();
$('span.register_body').show();
})
/* 注册页面 */
$('div#forget_login_input_pswdword.forget_login_input_pswdword').click(function(){
$('span.register_body').show();
$('span.login_body').hide();
})
// 取消按钮点击
$('button#register_body_button_two').click(function(){
$('span.login_body').show();
$('span.register_body').hide();
})
}
axios.defaults.baseURL = "http://8unwfi.natappfree.cc"
// let message = new Array(3)
// message[0]={
// login_stnum:'202100'
// }
// 登录传入数据(学号,密码)
$('button#login_body_button_one').click(function login_input(){
let login_stnum=$('#login_body_input_one').val();
let login_input_password=$('#login_body_input_two').val();
axios({
method:'post',
url:'javaProject2_war_exploded/Help1Servlet',
data:{
login_stnum:login_stnum,
login_input_password:login_input_password,
}
}).then(function(response){
console.log(response.data);
console.log(response.status);
})
})
// /* 验证码 */
// $('button#login_body_button_one').click(function verification_code_input(){
// let verification_num=$('#verification_code_input').val();
// axios({
// method:'post',
// url:'',
// data:{
// verification_num='',
// }
// }).then(function(response){
// console.log(response.data);
// console.log(response.status);
// })
// })
// $(function () {
// $("#img").click(function () {
// $(this).prop("src","login_input_checkCodeServlet?id="+Math.random());
// });
// });
// // 记住密码
// let login_input_stnum = document.getElementById('login_body_input_one');
// let login_input_pswd = document.getElementById('login_body_input_two');
// let login_input_check = document.getElementById('remember_password');
// let locallogin_input_stnum = localStorage.getItem('login_input_stnum') || ''; //获取到login_input_stnum的值并保存
// let locallogin_input_pswd = localStorage.getItem('login_input_pswd') || ''; //获取到login_input_pswd的值并保存
// let (login_input_stnum).value = locallogin_input_stnum;
// let (login_input_pswd).value = locallogin_input_pswd;
// if (locallogin_input_stnum !== '' && locallogin_input_pswd !== '') {
// login_input_check.setAttribute('login_input_checked', '');
// }
// $('button#login_body_button_one').click(function(){
// if (login_input_check.login_input_checked) {
// localStorage.setItem('login_input_stnum', login_input_stnum.value);
// localStorage.setItem('login_input_pswd', login_input_pswd.value);
// } else {
// localStorage.setItem('login_input_stnum', '');
// localStorage.setItem('login_input_pswd', '');
// }
// })
// // 传入数据(姓名,学号,手机号,邮箱,密码,确认密码)
// $('button#register_body_button_one').click(function register_input(){
// let register_name=$('#register_body_input_name').val();
// let register_stnum=$('#register_body_input_stnum').val();
// let register_telnum=$('#register_body_input_telnum').val();
// let register_email=$('#register_body_input_email').val();
// let register_login_input_pswdword=$('#register_body_input_login_input_pswdword').val();
// let register_confirm_login_input_pswdword=$('#register_body_input_confirm_login_input_pswdword').val();
// axios({
// method:'post',
// url:'',
// data:{
// register_name='',
// register_stnum='',
// register_telnum='',
// register_email='',
// register_login_input_pswdword='',
// register_confirm_login_input_pswdword='',
// }
// }).then(function(response){
// console.log(response.data);
// console.log(response.status);
// }).catch(function(){
// })
// })
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
...@@ -53,15 +53,15 @@ ...@@ -53,15 +53,15 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe752;</span> <span class="icon iconfont">&#xe603;</span>
<div class="name">搜索</div> <div class="name">用户</div>
<div class="code-name">&amp;#xe752;</div> <div class="code-name">&amp;#xe603;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe62e;</span> <span class="icon iconfont">&#xe8b9;</span>
<div class="name">登录</div> <div class="name">搜索</div>
<div class="code-name">&amp;#xe62e;</div> <div class="code-name">&amp;#xe8b9;</div>
</li> </li>
<li class="dib"> <li class="dib">
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.ttf?t=1645093994033') format('truetype'); src: url('iconfont.ttf?t=1645783854322') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
...@@ -127,20 +127,20 @@ ...@@ -127,20 +127,20 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-sousuo"></span> <span class="icon iconfont icon-yonghu"></span>
<div class="name"> <div class="name">
搜索 用户
</div> </div>
<div class="code-name">.icon-sousuo <div class="code-name">.icon-yonghu
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-denglu"></span> <span class="icon iconfont icon-sousuo"></span>
<div class="name"> <div class="name">
登录 搜索
</div> </div>
<div class="code-name">.icon-denglu <div class="code-name">.icon-sousuo
</div> </div>
</li> </li>
...@@ -200,18 +200,18 @@ ...@@ -200,18 +200,18 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use> <use xlink:href="#icon-yonghu"></use>
</svg> </svg>
<div class="name">搜索</div> <div class="name">用户</div>
<div class="code-name">#icon-sousuo</div> <div class="code-name">#icon-yonghu</div>
</li> </li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-denglu"></use> <use xlink:href="#icon-sousuo"></use>
</svg> </svg>
<div class="name">登录</div> <div class="name">搜索</div>
<div class="code-name">#icon-denglu</div> <div class="code-name">#icon-sousuo</div>
</li> </li>
<li class="dib"> <li class="dib">
......
@font-face { @font-face {
@font-face { @font-face {
font-family: "iconfont"; /* Project id */ font-family: "iconfont"; /* Project id */
src: url('iconfont.ttf?t=1645093994033') format('truetype'); src: url('iconfont.ttf?t=1645783854322') format('truetype');
} }
.iconfont { .iconfont {
...@@ -11,12 +11,12 @@ ...@@ -11,12 +11,12 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-sousuo:before { .icon-yonghu:before {
content: "\e752"; content: "\e603";
} }
.icon-denglu:before { .icon-sousuo:before {
content: "\e62e"; content: "\e8b9";
} }
.icon-redu2:before { .icon-redu2:before {
......
!function(e){var t,n,c,o,s,i='<svg><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M953.474215 908.234504l-152.576516-163.241391c61.92508-74.48211 95.81186-167.36973 95.81186-265.073744 0-229.294809-186.63531-415.930119-416.102133-415.930119-229.294809 0-415.930119 186.63531-415.930119 415.930119s186.63531 415.930119 415.930119 415.930119c60.032925 0 118.00168-12.55703 172.186125-37.327062 16.169326-7.396607 23.221905-26.318159 15.825298-42.315471-7.396607-16.169326-26.318159-23.221905-42.315471-15.825298-45.927768 20.813707-94.951789 31.478582-145.695952 31.478582-194.031917 0-351.94087-157.908953-351.94087-351.94087 0-194.031917 157.908953-351.94087 351.94087-351.94087 194.031917 0 351.94087 157.908953 351.94087 351.94087 0 91.339493-34.918864 177.86259-98.048043 243.743995-12.213002 12.729044-11.868974 33.026709 0.860071 45.239711 1.032085 0.860071 2.236183 1.204099 3.268268 2.064169 0.860071 1.204099 1.376113 2.752226 2.408198 3.956325l165.477574 177.00252c6.192508 6.70855 14.793214 10.148833 23.393919 10.148833 7.912649 0 15.653284-2.92424 21.845792-8.600706C964.827146 941.433227 965.515202 921.135562 953.474215 908.234504z" ></path></symbol><symbol id="icon-denglu" viewBox="0 0 1024 1024"><path d="M819.292 623.785c-40.844-40.844-88.387-72.547-140.151-94.102 69.587-51.392 114.809-133.97 114.809-226.921 0-155.467-126.483-281.951-281.951-281.951s-281.951 126.483-281.951 281.951c0 92.95 45.221 175.529 114.809 226.921-51.762 21.555-99.308 53.26-140.151 94.102-82.080 82.080-127.284 191.213-127.284 307.292 0 32.174 26.082 58.254 58.254 58.254s58.254-26.080 58.254-58.254c0-175.385 142.685-318.068 318.068-318.068 175.385 0 318.068 142.685 318.068 318.068 0 32.174 26.080 58.254 58.254 58.254s58.254-26.080 58.254-58.254c0-116.081-45.204-225.211-127.284-307.292zM512 137.32c91.225 0 165.442 74.218 165.442 165.442s-74.218 165.442-165.442 165.442-165.442-74.218-165.442-165.442 74.218-165.442 165.442-165.442z" ></path></symbol><symbol id="icon-redu2" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FE7A41" ></path></symbol><symbol id="icon-redu1" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#D60000" ></path></symbol><symbol id="icon-redu3" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FFBF3B" ></path></symbol></svg>',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss"),r=function(e,t){t.parentNode.insertBefore(e,t)};if(d&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function l(){s||(s=!0,c())}function a(){try{o.documentElement.doScroll("left")}catch(e){return void setTimeout(a,50)}l()}t=function(){var e,t=document.createElement("div");t.innerHTML=i,i=null,(t=t.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",t=t,(e=document.body).firstChild?r(t,e.firstChild):e.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=t,o=e.document,s=!1,a(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,l())})}(window); !function(t){var e,n,o,c,i,s='<svg><symbol id="icon-yonghu" viewBox="0 0 1024 1024"><path d="M508.8 141.21c119.85 0 217.36 97.51 217.36 217.36S628.65 575.93 508.8 575.93s-217.36-97.51-217.36-217.36 97.51-217.36 217.36-217.36m0-76.71c-162.41 0-294.07 131.66-294.07 294.07S346.39 652.64 508.8 652.64s294.07-131.66 294.07-294.07S671.21 64.5 508.8 64.5z" ></path><path d="M106.1 959.5c-2.21 0-4.46-0.19-6.71-0.59-20.86-3.68-34.79-23.58-31.11-44.44 38.81-219.89 255.93-338.54 440.52-338.54 21.18 0 38.36 17.17 38.36 38.36s-17.17 38.36-38.36 38.36c-122.34 0-329.6 74.7-364.97 275.17-3.28 18.59-19.47 31.68-37.73 31.68z" ></path><path d="M917.9 959.5c-18.27 0-34.45-13.09-37.73-31.7-35.38-200.46-242.64-275.16-364.97-275.16-21.18 0-38.36-17.17-38.36-38.36s17.17-38.36 38.36-38.36c184.59 0 401.72 118.65 440.52 338.54 3.68 20.86-10.25 40.76-31.11 44.44-2.25 0.41-4.5 0.6-6.71 0.6z" ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M797.525333 752.266667c62.069333-72.736 97.28-165.002667 97.28-262.186667C894.816 266.528 713.621333 85.333333 490.08 85.333333 266.538667 85.333333 85.333333 266.538667 85.333333 490.069333 85.333333 713.610667 266.538667 894.826667 490.069333 894.826667a404.693333 404.693333 0 0 0 118.208-17.546667 32 32 0 0 0-18.666666-61.216 340.693333 340.693333 0 0 1-99.541334 14.762667C301.888 830.816 149.333333 678.261333 149.333333 490.069333 149.333333 301.888 301.888 149.333333 490.069333 149.333333 678.261333 149.333333 830.826667 301.888 830.826667 490.069333c0 89.28-35.381333 173.696-97.141334 237.322667a36.992 36.992 0 0 0 0.384 51.925333l149.973334 149.973334a32 32 0 0 0 45.258666-45.248L797.525333 752.266667z" ></path></symbol><symbol id="icon-redu2" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FE7A41" ></path></symbol><symbol id="icon-redu1" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#D60000" ></path></symbol><symbol id="icon-redu3" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FFBF3B" ></path></symbol></svg>',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss"),r=function(t,e){e.parentNode.insertBefore(t,e)};if(d&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function a(){i||(i=!0,o())}function l(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(l,50)}a()}e=function(){var t,e=document.createElement("div");e.innerHTML=s,s=null,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?r(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=e,c=t.document,i=!1,l(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,a())})}(window);
!function(e){var t,n,c,o,s,i='<svg><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M953.474215 908.234504l-152.576516-163.241391c61.92508-74.48211 95.81186-167.36973 95.81186-265.073744 0-229.294809-186.63531-415.930119-416.102133-415.930119-229.294809 0-415.930119 186.63531-415.930119 415.930119s186.63531 415.930119 415.930119 415.930119c60.032925 0 118.00168-12.55703 172.186125-37.327062 16.169326-7.396607 23.221905-26.318159 15.825298-42.315471-7.396607-16.169326-26.318159-23.221905-42.315471-15.825298-45.927768 20.813707-94.951789 31.478582-145.695952 31.478582-194.031917 0-351.94087-157.908953-351.94087-351.94087 0-194.031917 157.908953-351.94087 351.94087-351.94087 194.031917 0 351.94087 157.908953 351.94087 351.94087 0 91.339493-34.918864 177.86259-98.048043 243.743995-12.213002 12.729044-11.868974 33.026709 0.860071 45.239711 1.032085 0.860071 2.236183 1.204099 3.268268 2.064169 0.860071 1.204099 1.376113 2.752226 2.408198 3.956325l165.477574 177.00252c6.192508 6.70855 14.793214 10.148833 23.393919 10.148833 7.912649 0 15.653284-2.92424 21.845792-8.600706C964.827146 941.433227 965.515202 921.135562 953.474215 908.234504z" ></path></symbol><symbol id="icon-denglu" viewBox="0 0 1024 1024"><path d="M819.292 623.785c-40.844-40.844-88.387-72.547-140.151-94.102 69.587-51.392 114.809-133.97 114.809-226.921 0-155.467-126.483-281.951-281.951-281.951s-281.951 126.483-281.951 281.951c0 92.95 45.221 175.529 114.809 226.921-51.762 21.555-99.308 53.26-140.151 94.102-82.080 82.080-127.284 191.213-127.284 307.292 0 32.174 26.082 58.254 58.254 58.254s58.254-26.080 58.254-58.254c0-175.385 142.685-318.068 318.068-318.068 175.385 0 318.068 142.685 318.068 318.068 0 32.174 26.080 58.254 58.254 58.254s58.254-26.080 58.254-58.254c0-116.081-45.204-225.211-127.284-307.292zM512 137.32c91.225 0 165.442 74.218 165.442 165.442s-74.218 165.442-165.442 165.442-165.442-74.218-165.442-165.442 74.218-165.442 165.442-165.442z" ></path></symbol><symbol id="icon-redu2" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FE7A41" ></path></symbol><symbol id="icon-redu1" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#D60000" ></path></symbol><symbol id="icon-redu3" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FFBF3B" ></path></symbol></svg>',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss"),r=function(e,t){t.parentNode.insertBefore(e,t)};if(d&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function l(){s||(s=!0,c())}function a(){try{o.documentElement.doScroll("left")}catch(e){return void setTimeout(a,50)}l()}t=function(){var e,t=document.createElement("div");t.innerHTML=i,i=null,(t=t.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",t=t,(e=document.body).firstChild?r(t,e.firstChild):e.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=t,o=e.document,s=!1,a(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,l())})}(window); !function(t){var e,n,o,c,i,s='<svg><symbol id="icon-yonghu" viewBox="0 0 1024 1024"><path d="M508.8 141.21c119.85 0 217.36 97.51 217.36 217.36S628.65 575.93 508.8 575.93s-217.36-97.51-217.36-217.36 97.51-217.36 217.36-217.36m0-76.71c-162.41 0-294.07 131.66-294.07 294.07S346.39 652.64 508.8 652.64s294.07-131.66 294.07-294.07S671.21 64.5 508.8 64.5z" ></path><path d="M106.1 959.5c-2.21 0-4.46-0.19-6.71-0.59-20.86-3.68-34.79-23.58-31.11-44.44 38.81-219.89 255.93-338.54 440.52-338.54 21.18 0 38.36 17.17 38.36 38.36s-17.17 38.36-38.36 38.36c-122.34 0-329.6 74.7-364.97 275.17-3.28 18.59-19.47 31.68-37.73 31.68z" ></path><path d="M917.9 959.5c-18.27 0-34.45-13.09-37.73-31.7-35.38-200.46-242.64-275.16-364.97-275.16-21.18 0-38.36-17.17-38.36-38.36s17.17-38.36 38.36-38.36c184.59 0 401.72 118.65 440.52 338.54 3.68 20.86-10.25 40.76-31.11 44.44-2.25 0.41-4.5 0.6-6.71 0.6z" ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M797.525333 752.266667c62.069333-72.736 97.28-165.002667 97.28-262.186667C894.816 266.528 713.621333 85.333333 490.08 85.333333 266.538667 85.333333 85.333333 266.538667 85.333333 490.069333 85.333333 713.610667 266.538667 894.826667 490.069333 894.826667a404.693333 404.693333 0 0 0 118.208-17.546667 32 32 0 0 0-18.666666-61.216 340.693333 340.693333 0 0 1-99.541334 14.762667C301.888 830.816 149.333333 678.261333 149.333333 490.069333 149.333333 301.888 301.888 149.333333 490.069333 149.333333 678.261333 149.333333 830.826667 301.888 830.826667 490.069333c0 89.28-35.381333 173.696-97.141334 237.322667a36.992 36.992 0 0 0 0.384 51.925333l149.973334 149.973334a32 32 0 0 0 45.258666-45.248L797.525333 752.266667z" ></path></symbol><symbol id="icon-redu2" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FE7A41" ></path></symbol><symbol id="icon-redu1" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#D60000" ></path></symbol><symbol id="icon-redu3" viewBox="0 0 1024 1024"><path d="M394.56088 1012.659848c-60.638314-32.996693-103.951396-90.957471-106.471429-159.155887-3.543798-127.497962 92.926248-190.026302 149.942013-275.392448 81.743598-122.85165 59.378297-199.082673 59.378297-199.082674s68.198416 35.280474 107.888949 166.085981c12.363916 38.666769 14.805199 77.412289 11.025148 113.874029-6.063831 92.138737-49.455664 175.142352-49.455664 175.142351s75.601015-14.805199 96.627547-141.121894c34.729216 33.075444 66.938399 80.719834 70.560948 130.884257 6.300085 86.468661-49.376913 166.007229-133.719296 200.106437 145.925709-30.712912 250.270861-144.429439 286.181343-227.511805 45.833115-104.581404 33.390448-197.822656 25.987849-278.699992-9.922633-110.25148 32.130431-192.15258 32.130432-192.15258s-80.562332 21.57779-139.94063 111.353995c-27.247866 41.029301-38.430516 101.27386-38.430516 101.27386s6.221334-53.393217-32.287933-151.202031C695.783675 291.378913 660.896957 257.279705 639.870424 186.876259 612.701309 92.37499 673.339624 0.236253 673.339624 0.236253S433.148898 41.186803 324.078684 233.418134c-96.548796 170.653541-56.858263 273.029916-56.858264 273.029916s-40.95055-35.280474-61.977082-84.263631c-21.026532-48.825656-16.38022-93.162501-16.38022-93.162501S18.130826 501.880489 101.213191 719.233408c55.755749 152.383296 163.487195 252.47589 293.505191 293.42644" fill="#FFBF3B" ></path></symbol></svg>',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss"),r=function(t,e){e.parentNode.insertBefore(t,e)};if(d&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function a(){i||(i=!0,o())}function l(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(l,50)}a()}e=function(){var t,e=document.createElement("div");e.innerHTML=s,s=null,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?r(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=e,c=t.document,i=!1,l(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,a())})}(window);
\ No newline at end of file \ No newline at end of file
{ {
...@@ -6,18 +6,18 @@ ...@@ -6,18 +6,18 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "577365", "icon_id": "11077383",
"name": "搜索", "name": "用户",
"font_class": "sousuo", "font_class": "yonghu",
"unicode": "e752", "unicode": "e603",
"unicode_decimal": 59218 "unicode_decimal": 58883
}, },
{ {
"icon_id": "975307", "icon_id": "11372706",
"name": "登录", "name": "搜索",
"font_class": "denglu", "font_class": "sousuo",
"unicode": "e62e", "unicode": "e8b9",
"unicode_decimal": 58926 "unicode_decimal": 59577
}, },
{ {
"icon_id": "15696921", "icon_id": "15696921",
......
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js创建子节点</title>
</head>
<body>
<button id="abc"> 点击</button>
</body>
<script type="text/javascript">
document.getElementById('abc').addEventListener('click',()=>{
window.location.href = 'https://m.html.cn/qa/javascript/11749.html'
})
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment