Skip to content

L
Lingyun_Winter_Vacation_project
Commit 3358afa2 by [username]
Options

更新

parent 54520644
Showing with 31 additions and 20 deletions
使用者/Item/User/User.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -35,15 +35,15 @@
<!-- 全部书籍 -->
<div class="uesr-li-right-box" id="user-li-content1">
<div class="user-li-right-search">
<input type="text" placeholder="请输入书名" id="user-li-search-name" style="font-size: 20px;">
<input type="text" placeholder="请输入作者名" id="user-li-search-carryout" style="font-size: 20px;">
<input type="text" placeholder="请输入要查找图书的书名" id="user-li-search-name" style="font-size: 20px;">
<!-- <input type="text" placeholder="请输入作者名" id="user-li-search-carryout" style="font-size: 20px;"> -->
<button id="user-li-search-button1-little">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
</button>
<button id="user-li-search-button2">切换为作者名查询</button>
<button id="user-li-search-button3">切换为书名查询</button>
<!-- <button id="user-li-search-button2">切换为作者名查询</button>
<button id="user-li-search-button3">切换为书名查询</button> -->
</div>
<div class="user-li-right-banner">
<div class="user-li-right-banner-big">
......@@ -69,18 +69,18 @@
<img class="uesr-li-allbook-book-page"></i>
<div class="uesr-li-allbook-book-introduce">
<div class="uesr-li-allbook-book-introduceT">Java</div>
<div class="uesr-li-allbook-book-introduceT">编号：Y-1-3-5</div>
<div class="uesr-li-allbook-book-introduceT-id">编号：Y-1-3-5</div>
<button class="uesr-li-allbook-book-introduce-Sbutton">查看书籍</button>
<button class="uesr-li-allbook-book-introduce-Bbutton">申请借书</button>
</div>
</div> -->
</div>
<div class="user-li-allbook-alert-see">
<div class="user-li-allbook-alert-see-message">作者：dadadada</div>
<div class="user-li-allbook-alert-see-message">出版社：dajdwhdawhdu</div>
<div class="user-li-allbook-alert-see-message">编号：wdadwad</div>
<div class="user-li-allbook-alert-see-message">种类：dawjddja</div>
<div class="user-li-allbook-alert-see-message">借阅次数：wdad</div>
<div class="user-li-allbook-alert-see-message" id="user-li-allbook-alert-see-message-name">书名：dadadada</div>
<div class="user-li-allbook-alert-see-message" id="user-li-allbook-alert-see-message-author">作者：dajdwhdawhdu</div>
<div class="user-li-allbook-alert-see-message" id="user-li-allbook-alert-see-message-id">编号：wdadwad</div>
<div class="user-li-allbook-alert-see-message" id="user-li-allbook-alert-see-message-carry">出版社：dawjddja</div>
<div class="user-li-allbook-alert-see-message" id="user-li-allbook-alert-see-message-times">借阅次数：wdad</div>
<button class="user-li-allbook-alert-see-button">返回</button>
</div>
<div class="user-li-allbook-alert-lend">
......
使用者/Item/User/common.css
body{
body{
......@@ -157,9 +157,10 @@ button{
}
.user-li-right-search input{
width: 506px;
width: 500px;
height: 20px;
border-radius: 70px;
padding-left: 25px;
background-color: rgba(180, 178, 176, 0.7);
color: white;
box-shadow: 2px 1px 2px #555250;
......@@ -283,22 +284,30 @@ button{
}
.uesr-li-allbook-book-introduce{
padding-left: 10px;
/* padding-left: 10px; */
width: 194px;
height: 215px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-left: -10px;
}
.uesr-li-allbook-book-introduceT{
/* padding-top: 10px; */
/* padding-left: 20px; */
width: 150px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 28px;
color: white;
}
.uesr-li-allbook-book-introduceT-id{
font-size: 28px;
width: 170px;
font-size: 23px;
color: white;
}
......@@ -311,6 +320,7 @@ button{
border: 2px solid white;
border-radius: 30px;
transition: background-color 0.5s ease-in-out , color 0.5s ease-in-out;
margin-left: -10px;
}
......@@ -327,6 +337,7 @@ button{
color: white;
border-radius: 30px;
background-color: rgba(10, 173, 227, 1);
margin-left: -10px;
transition: background-color 0.5s ease-in-out , color 0.5s ease-in-out;
}
......@@ -1012,22 +1023,22 @@ button{
line-height:100px;
font-size:30px;
}
.box1{
.remain-box1{
width:184px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.box2{
.remain-box2{
width:176px;
}
.box3{
.remain-box3{
width:228px;
}
.box4{
.remain-box4{
width:174px;
}
.box5{
.remain-box5{
width:204px;
}
.button{
......
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