539943419/wxProject-w4w
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add searchng in lib

Browse Source
This commit is contained in:
539943419 committed 2023-11-08 19:33:56 +08:00
1 parent 226a5bbc2d
commit f55c749cbf
4 files changed
+261 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

miniprogram/pages/index/index.scss
+155 -14
View File
@@ -203,6 +203,60 @@
top: 10%;
overflow: scroll;
}
.search{
position: relative;
height: 60rpx;
display: flex;
justify-content: center;
align-items: center;
// background-color: yellowgreen;
.search_bar{
// border: 2rpx solid rgb(104, 104, 104);
overflow: hidden;
height: 60rpx;
width: 450rpx;
position: relative;
// left: 40rpx;
border-radius: 15rpx;
.search_icon{
height: 60rpx;
width: 60rpx;
display: flex;
justify-content: center;
align-items: center;
background-color:rgb(189, 189, 189);
image{
height: 45rpx;
width: 45rpx;
}
}
.search_input{
position: absolute;
width: 390rpx;
height: 60rpx;
background-color: rgb(241, 241, 241);
top: 0;
left: 60rpx;
// padding-left: 15rpx;
}
}
.search_button{
// border: 2rpx solid rgb(104, 104, 104);
height: 56rpx;
width: 120rpx;
background-color: rgb(146, 146, 146);
position: absolute;
font-size: larger;
color: whitesmoke;
top: 0;
left: 530rpx;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15rpx;
}
}
// 知识库界面
#page_lib{
@@ -214,12 +268,19 @@
.content{
display: flex;
flex-direction: column;
padding-top: 20rpx;
.lib_search{
margin-bottom: 20rpx;
.lib_search_input{
// background-color: yellow;
}
}
.node{
background-color: rgba($color: #ffffff, $alpha: 1);
border-radius: 15rpx;
height: 200rpx;
width: auto;
margin:30rpx 20rpx 30rpx 10rpx;
margin:15rpx 20rpx 15rpx 10rpx;
.node_content{
position: relative;
display: block;
@@ -256,11 +317,46 @@
display: flex;
align-items: center;
border-radius: 15rpx;
position: relative;
position: absolute;
top:15rpx;
left:20rpx;
max-width: 230rpx;
overflow: scroll;
white-space: nowrap;
// justify-content: center;
}
.node_name_en{
height:45rpx;
position: absolute;
top:80rpx;
left:20rpx;
max-width: 338rpx;
}
.node_adi{
font-size: 31rpx;
height:45rpx;
max-width:338rpx;
// background-color: rgba(150, 145, 138, 0.5);
// padding:0rpx 10rpx;
display: flex;
align-items: center;
border-radius: 15rpx;
position: absolute;
bottom:20rpx;
left:20rpx;
overflow: scroll;
white-space: nowrap;
.adi_title{
height:45rpx;
background-color:salmon;
padding:0rpx 10rpx;
}
.adi_content{
height:45rpx;
background-color:rgb(224, 224, 224);
padding:0rpx 10rpx;
}
}
.node_danger{
font-size: 31rpx;
height:50rpx;
@@ -308,11 +404,28 @@
left:399rpx;
top:15rpx;
// padding: 4rpx 0rpx 6rpx 10rpx;
padding-left: 10rpx;
// padding-left: 10rpx;
display: flex;
align-items: center;
// justify-content: center;
border-radius: 15rpx;
overflow: hidden;
.scores_title{
height:50rpx;
width: 80rpx;
background-color:salmon;
display: flex;
align-items: center;
justify-content: center;
}
.scores_num{
height:50rpx;
width: 65rpx;
background-color:rgb(224, 224, 224);
display: flex;
align-items: center;
justify-content: center;
}
}
.node_risk{
font-size: 31rpx;
@@ -328,20 +441,38 @@
border-radius: 15rpx;
overflow: hidden;
}
.node_remark{
height: 40%;
width: 460rpx;
background-color: tan;
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.node_extra{
height:95rpx;
width: 256rpx;
background-color: white;
border: 3rpx solid rgba(0, 0, 0, 0.356);
position: absolute;
left:200rpx;
bottom:20rpx;
left:400rpx;
bottom:15rpx;
padding: 5rpx 10rpx 10rpx 10rpx;
border-radius: 15rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 60rpx;
overflow: hidden;
overflow: scroll;
.node_extra_empty{
margin: auto;
font-size: 45rpx;
}
.node_ex_content{
margin:5rpx;
height: 40rpx;
width: 240rpx;
display: flex;
border-radius: 15rpx;
align-items: center;
justify-content: center;
}
}
}
}
@@ -363,6 +494,7 @@
.content{
display:flex;
flex-direction: column;
padding-top: 10rpx;
::-webkit-scrollbar {
width: 0;
height: 0;
@@ -376,7 +508,7 @@
width: auto;
border-radius: 15rpx;
background-color: violet;
margin:30rpx;
margin:15rpx 25rpx;
// margin-top:30rpx;
// margin-left: 30rpx;
// margin-right: 30rpx;
@@ -449,12 +581,13 @@
.content{
display: flex;
flex-direction: column;
padding-top: 10rpx;
.node{
background-color: rgba($color: #ffffff, $alpha: 1);
border-radius: 15rpx;
height: 200rpx;
width: auto;
margin:30rpx 20rpx 30rpx 10rpx;
margin:10rpx 20rpx 10rpx 10rpx;
.node_content{
position: relative;
display: block;
@@ -560,4 +693,12 @@
// // font-weight: 900;
// // font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
// }
}
#page_style{
background-color: rgba($color: #fff5d2, $alpha: 1.0);
display: flex;
align-items: center;
justify-content: center;
translate:0 100%;
}