修改中英文切换
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user