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

完成除个性化外页面

Browse Source
This commit is contained in:
539943419 committed 2023-11-10 23:16:22 +08:00
1 parent cc88bc636a
commit fac7123cd1
3 files changed
+480 -64
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

miniprogram/pages/index/index.scss
+226
View File
@@ -282,6 +282,7 @@
height: 200rpx;
width: auto;
margin:15rpx 20rpx 15rpx 10rpx;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
.node_content{
position: relative;
display: block;
@@ -593,6 +594,7 @@
height: 200rpx;
width: auto;
margin:10rpx 20rpx 10rpx 10rpx;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
.node_content{
position: relative;
display: block;
@@ -733,6 +735,7 @@
background-color: rgba($color: #ffffff, $alpha: 1.0);
border-radius: 50rpx;
.content{
position: relative;
display: flex;
flex-direction:row;
justify-content: center;
@@ -744,6 +747,10 @@
margin:30rpx;
border-radius: 25rpx;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
display: flex;
justify-content: center;
align-items: center;
font-size: 150rpx;
}
.result_circle{
background-color: #bfdfd7;
@@ -766,6 +773,225 @@
transform: rotate(45deg);
}
}
.result_content{
display: flex;
flex-direction: column;
padding-top: 20rpx;
position: absolute;
top: 380rpx;
left: 0;
width: 100%;
height: auto;
// padding-bottom: 40rpx;
.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:15rpx 20rpx 15rpx 10rpx;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
.node_content{
position: relative;
display: block;
height: 100%;
width: auto;
margin-left: 25rpx;
border-radius: 15rpx;
background-color: rgba($color: #ffffff, $alpha: 1);
// overflow: hidden;
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
// .node_nameBar{
// background-color: teal;
// position: absolute;
// top:20rpx;
// left:20rpx;
// overflow: scroll;
// height: 500rpx;
// width: 350rpx;
// display:flex;
// // flex-direction: column;
// justify-content: center;
// align-items: flex-start;
// }
.node_name{
font-size: 31rpx;
height:50rpx;
width:max-content;
background-color: rgba(150, 145, 138, 0.5);
padding:0rpx 10rpx;
display: flex;
align-items: center;
border-radius: 15rpx;
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;
width: 80rpx;
background-color: rgba(150, 145, 138, 0.5);
position: absolute;
left:299rpx;
top:15rpx;
// padding: 10rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15rpx;
background-color: tomato;
// view{
// position: relative;
// top:-0.5rpx;
// }
}
.node_safe{
font-size: 31rpx;
height:50rpx;
width: 80rpx;
background-color: rgba(150, 145, 138, 0.5);
position: absolute;
left:299rpx;
top:15rpx;
// padding: 10rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15rpx;
background-color:springgreen;
// view{
// position: relative;
// top:-0.5rpx;
// }
}
.node_scores{
font-size: 31rpx;
height:50rpx;
width: 135rpx;
background-color: rgba(150, 145, 138, 0.5);
position: absolute;
left:399rpx;
top:15rpx;
// padding: 4rpx 0rpx 6rpx 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;
height:50rpx;
width: 120rpx;
position: absolute;
left:560rpx;
top:15rpx;
// padding: 0rpx 6rpx 6rpx 13rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15rpx;
overflow: hidden;
}
::-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:400rpx;
bottom:15rpx;
padding: 5rpx 10rpx 10rpx 10rpx;
border-radius: 15rpx;
display: flex;
flex-direction: column;
align-items: center;
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;
}
}
}
}
}
}
}