xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-02 18:26:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

更改搜索页面样式功能的调整

Browse Source
This commit is contained in:
952108534@qq.com 2022-01-19 18:11:14 +08:00
parent 2de58d6dc1
commit b2470f5da9
2 changed files with 45 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
rc-busness/assets/css/search.less
View File

@ -14,6 +14,21 @@ ul li ol li em strong i {
position: relative; position: relative;
margin-top: 5.25rem; margin-top: 5.25rem;
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
}
//手机端
@media screen and (max-width: 768px) {
.usersearch { .usersearch {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
@ -30,21 +45,6 @@ ul li ol li em strong i {
padding: 0; padding: 0;
} }
} }
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;
}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;
}
}
//手机端
@media screen and (max-width: 768px) {
.rc-button .rc-button
{ {
display: flex; display: flex;
@ -371,7 +371,25 @@ border-radius: 100px;
} }
//pc端 //pc端
@media screen and (min-width: 768px){ @media screen and (min-width: 768px){
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 40px;
.ts-scrollable-container{
h2{
font-weight: bold;
color: #333333;
}
}
.rc-padding--md{
padding: 0;
}
}
.online{
margin-top: 47px;
}
/deep/.el-dialog__header { /deep/.el-dialog__header {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -500,6 +518,7 @@ margin-left: 8px;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin: 0;
} }
span { span {
font-size: 14px; font-size: 14px;
@ -593,13 +612,16 @@ border-radius: 30px;
/deep/.van-search__content--square{ /deep/.van-search__content--square{
background: white; background: white;
} }
/deep/.van-search{
padding-left: 0;
}
.van-search__content--square{ .van-search__content--square{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: white; background: white;
border: 1px solid #D7D7D7; border: 1px solid #D7D7D7;
height: 80px; height: 50px;
width: 1200px; width: 1200px;
border-radius: 200px; border-radius: 200px;
} }
@ -647,6 +669,7 @@ border-radius: 30px;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin: 0;
} }
} }

7
rc-busness/pages/usersearch/search.vue
View File

@ -34,7 +34,7 @@
v-for="(item, index) in searchdata" v-for="(item, index) in searchdata"
:key="index" :key="index"
@click="selectsearch(item, index)" @click="selectsearch(item, index)"
:class="activeIndexa == index ? 'active' : 'unactive'" :class="activeIndexa == index"
> >
{{ item.title }} {{ item.title }}
</li> </li>
@ -595,9 +595,13 @@ export default {
if (element.name == "品种") { if (element.name == "品种") {
pinzhong.push(element); pinzhong.push(element);
this.catageb = pinzhong; this.catageb = pinzhong;
this.catageb=this.catageb.sort((n1,n2)=>{
return n1.sort-n2.sort;
})
this.catageb.forEach((element) => { this.catageb.forEach((element) => {
element.checked = false; element.checked = false;
}); });
// console.log(this.catageb);
} }
if (element.name == "功能") { if (element.name == "功能") {
gonneg.push(element); gonneg.push(element);
@ -605,6 +609,7 @@ export default {
this.catagea.forEach((element) => { this.catagea.forEach((element) => {
element.checked = false; element.checked = false;
}); });
console.log(this.catagea);
} }
if (element.name == "年龄") { if (element.name == "年龄") {
age.push(element); age.push(element);