@import "../../uvue.wxss";
|
|
:host{display:flex;flex-direction:column}
|
|
|
|
|
|
/* 搜索框 */
|
|
.content_container{
|
|
width: 100%;
|
|
height: 10%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
.content_footer{
|
|
width: 100%;
|
|
height: 75%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
/* 搜索框 */
|
|
|
|
/* 遮罩层 */
|
|
.isshow-header{
|
|
width: 90%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
color: #3c7697;
|
|
}
|
|
.isshow-header-content-icon{
|
|
width: 10%;
|
|
height: 30%;
|
|
}
|
|
.isshow-header-content-input{
|
|
width: 80%;
|
|
height: 40%;
|
|
margin: 0 1rem 0 1rem;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
.isshow-content{
|
|
height: 70%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
overflow-y:scroll;
|
|
}
|
|
.isshow-content-text{
|
|
color: #414141;
|
|
height: 1.5rem;
|
|
width: 100%;
|
|
line-height: 1,5rem;
|
|
margin: 1rem 0 1rem 0;
|
|
font-size: 1.5rem;
|
|
}
|
|
.isshow-content::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
/* 二级分类 */
|
|
.content_footer_left{
|
|
width: 20%;
|
|
}
|
|
.content_footer_left_product{
|
|
width: 100%;
|
|
height: 10%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1rem;
|
|
color: #7f7f7f;
|
|
}
|
|
.content_footer_right{
|
|
width: 80%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.content_footer_right_content{
|
|
width: 100%;
|
|
height: 10%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
/* background-color: red; */
|
|
align-items: center;
|
|
}
|
|
.content_footer_right_content_text{
|
|
margin-right: auto;
|
|
color:#242424;
|
|
margin-left: 5%;
|
|
font-size: 0.8rem;
|
|
}
|
|
.content_footer_right_content_radio{
|
|
margin-left: auto;
|
|
margin-right: 5%;
|
|
transform: scale(0.9);
|
|
}
|
|
/* 点击颜色 */
|
|
.click_color{
|
|
background-color: #044f7a;
|
|
color: #f0fcf2;
|
|
}
|
|
.select_color{
|
|
color: #316b8b;
|
|
}
|
|
/* 按钮 */
|
|
.buttun{
|
|
width: 30%;
|
|
height: 5%;
|
|
position: absolute;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.3rem;
|
|
border-radius: 1.5rem;
|
|
background-color: #05507c;
|
|
bottom:5%;
|
|
right: 5%;
|
|
color: #fafcff;
|
|
z-index: 99999;
|
|
}
|