Commit 58b12552 by [username]
parents 27b4dd3b 708768c8
...@@ -207,9 +207,8 @@ nav ul li:hover ul ...@@ -207,9 +207,8 @@ nav ul li:hover ul
width: 70px; width: 70px;
border-radius: 30px; border-radius: 30px;
padding: 7px 20px 0 20px; padding: 7px 20px 0 20px;
margin-left: 10px; margin-left: 20px;
transition: all 0.5s; transition: all 0.5s;
color: red; color: red;
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
...@@ -221,16 +220,14 @@ nav ul li:hover ul ...@@ -221,16 +220,14 @@ nav ul li:hover ul
} }
.agree:hover .agree:hover
{
{
transform: translateY(-5px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15); box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
transform: scale(1.1);
} }
.reject:hover .reject:hover
{ {
transform: translateY(-5px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15); box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
transform: scale(1.1);
} }
......
...@@ -200,29 +200,31 @@ nav ul li ul li:hover ...@@ -200,29 +200,31 @@ nav ul li ul li:hover
.reject .reject
{ {
float: right; float: right;
background-color: red; height: 34px;
text-align: center;
height: 38px;
width: 70px; width: 70px;
color: #fff;
font-weight: lighter;
font-size: 24px;
border-radius: 30px; border-radius: 30px;
padding: 7px 20px 0 20px; padding: 7px 20px 0 20px;
border: none; margin-left: 20px;
margin-left: 10px;
transition: all 0.5s; transition: all 0.5s;
color: red;
background-color: transparent;
text-align: center;
font-weight: lighter;
font-size: 24px;
border-radius: 30px;
border: 2px solid red;
line-height: 28px;
} }
.agree:hover .agree:hover
{
{
transform: translateY(-5px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15); box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
transform: scale(1.1);
} }
.reject:hover .reject:hover
{ {
transform: translateY(-5px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15); box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
transform: scale(1.1);
} }
......
...@@ -206,7 +206,7 @@ nav ul li ul li:hover ...@@ -206,7 +206,7 @@ nav ul li ul li:hover
.hint:hover .hint:hover
{ {
transform: translateY(-5px); transform: scale(1.1);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15); box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
} }
......
<!DOCTYPE html> <!DOCTYPE html>
...@@ -33,16 +33,6 @@ ...@@ -33,16 +33,6 @@
</nav> </nav>
<!-- 搜索框 -->
<div class="search">
<form action="#" method="post">
<img src="https://gitee.com/tznzbc/tan-zhennings-small-warehouse/raw/master/history-find.png" alt="">
<input type="text" name="condition" placeholder="请输入关键字">
<input type="submit" value="搜索">
</form>
</div>
<!-- 排头 --> <!-- 排头 -->
<div class="list"> <div class="list">
<ul> <ul>
......
window.onload = function () window.onload = function ()
window.onload = function () window.onload = function ()
{ {
axios.defaults.baseURL = "http://akvudm.natappfree.cc"
function render() { function render() {
let res = [{ user_name: '张三哥', book_id: 12,borrow_time:'2022-2-19',remark:'You',book_name:'《C语言程序设计》',user_id: 1 }, { user_name: '李四哥', book_id: 12,borrow_time:'2022-2-19',book_name:'《Java语言程序设计》',user_id: 2 },{ user_name: '王五姐', book_id: 12,borrow_time:'2022-2-19',book_name:'《C++语言程序设计》',user_id: 3 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 4},{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 5}] let res = [{ user_name: '张三哥', book_id: 12,borrow_time:'2022-2-19',remark:'You',book_name:'《C语言程序设计》',user_id: 1 }, { user_name: '李四哥', book_id: 12,borrow_time:'2022-2-19',book_name:'《Java语言程序设计》',user_id: 2 },{ user_name: '王五姐', book_id: 12,borrow_time:'2022-2-19',book_name:'《C++语言程序设计》',user_id: 3 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 4},{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 5}]
let outer = document.getElementById("main"); let outer = document.getElementById("main");
...@@ -24,23 +24,23 @@ window.onload = function () ...@@ -24,23 +24,23 @@ window.onload = function ()
} }
outer.innerHTML = buf; outer.innerHTML = buf;
} }
function remark() // function remark()
{ // {
let res = [{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',remark:'You',book_name:'《C语言程序设计设计式设计说是》',user_id: 1 }, { user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 }] // let res = [{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',remark:'You',book_name:'《C语言程序设计设计式设计说是》',user_id: 1 }, { user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 }]
let blank=''; // let blank='';
document.getElementById('user_name').onclick = function() // document.getElementById('user_name').onclick = function()
{ // {
blank += // blank +=
` // `
<div id='user_name'>${res[i].remark}</div> // <div id='user_name'>${res[i].remark}</div>
` // `
} // }
document.getElementById('user_name').innerHTML = blank; // document.getElementById('user_name').innerHTML = blank;
} // }
render(); render();
remark(); //remark();
document.getElementById('main').addEventListener('click', (e) => { document.getElementById('main').addEventListener('click', (e) => {
let id = null; let id = null;
if (e.target.innerHTML == '同意') if (e.target.innerHTML == '同意')
......
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