修改中英文切换

This commit is contained in:
qq787203167
2022-02-28 17:25:08 +08:00
parent 43f5950aa4
commit cf2e6400b3
11 changed files with 175 additions and 104 deletions
@@ -71,7 +71,7 @@
</div>
</div>
</div>
<div class="text-right">
<div class="text-right" :class="{'text-right-right':searchShow}">
<div class="search-text-title">
<span>检索范围:</span>
<span>纯电动</span>
@@ -101,11 +101,9 @@
</a-table>
<ul v-if="!searchShow">
<a-checkbox-group v-model="checkboxText" style="margin-top: 20px;">
<a-checkbox-group v-model="checkboxText">
<li v-for="item in conList" :key="item.id">
<div style="margin-top: -67px;
margin-bottom: 10px;
padding: 24px 24px 24px 0;position: relative">
<div style="margin-bottom: 10px;position: relative">
<a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
<div class="text-text-right"
@click="checkedClick(item)"
@@ -384,13 +382,13 @@
},
methods: {
checkedClick(item) {
if (item.checked){
this.checkboxText = this.checkboxText.filter(res=>{
return res !== item.id
})
}else{
this.checkboxText.push(item.id)
}
if (item.checked) {
this.checkboxText = this.checkboxText.filter(res => {
return res !== item.id
})
} else {
this.checkboxText.push(item.id)
}
console.log(this.checkboxText)
},
selectModel(value) {
@@ -441,7 +439,13 @@
}
}
</script>
<style>
.search-center .ant-tabs-nav-container {
font-size: 18px !important;
font-weight: 400 !important;
color: #040B29 !important;
}
</style>
<style lang="less" scoped>
.search-center {
/*background-color: #ffffff;*/
@@ -528,26 +532,27 @@
justify-content: flex-start;
.text-left {
border-right: 1px solid #e8e8e8;
min-width: 310px;
padding: 0 10px;
width: 358px;
padding: 24px 24px 24px 0;
box-sizing: border-box;
.text-left-wrap {
padding: 5px;
.text-left-select {
display: flex;
justify-content: space-between;
margin: 23px 0;
margin-bottom: 24px;
line-height: 32px;
.text-sel {
//span{
// float: right;
//}
font-size: 14px;
font-weight: 400;
color: #000F16;
text-align: right;
margin-right: 27px;
margin-right: 14px;
min-width: 83px;
}
@@ -565,8 +570,11 @@
span.data-fb {
text-align: right;
margin-right: 26px;
margin-right: 14px;
min-width: 84px;
font-size: 14px;
font-weight: 400;
color: #000F16;
}
}
}
@@ -575,10 +583,16 @@
.text-right {
width: 100%;
position: relative;
margin-left: 16px;
padding: 26px 0 22px 0;
box-sizing: border-box;
.search-text-title {
padding: 16px 5px;
padding: 0 0 22px 0;
span {
font-size: 14px;
font-weight: 400;
color: #040B29;
}
.search-header-right {
float: right;
@@ -621,7 +635,7 @@
.search-text-list {
ul {
padding: 10px;
padding:0 0 0 18px;
margin: 0;
li {
@@ -629,15 +643,25 @@
//background: #f6f6f6;
//border: 1px solid #000000;
//border-radius: 10px;
padding: 10px;
/*padding: 10px;*/
.text-header {
margin-bottom: 11px;
span {
margin-right: 20px;
font-size: 18px;
font-weight: 600;
margin-right: 52px;
font-size: 16px;
font-weight: bold;
color: #040B29;
}
}
.text-content {
font-size: 14px;
font-weight: 400;
color: #040B29;
opacity: 0.8;
}
}
}
@@ -667,8 +691,13 @@
}
.text-text-right {
padding: 12px 20px;
padding: 19px 28px;
box-sizing: border-box;
margin-left: 38px;
}
.text-right-right{
border-left: 2px solid #E6E7EC;
padding: 24px 0 24px 24px!important;
box-sizing: border-box;
margin-left: 35px;
}
</style>