|
|
@@ -46,23 +46,25 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 地区选择 -->
|
|
|
- <div class="condizione-box-c-city">
|
|
|
- <div class="condizione-box-c-city-title">
|
|
|
- 城市和地区
|
|
|
- </div>
|
|
|
- <div class="condizione-box-c-city-s flex flex-wrap">
|
|
|
- <div class="condizione-box-c-city-s-i flex align-center" @click="allCitys = true">
|
|
|
- <el-text style="color: #00DD9A;font-size: 14px;margin-right: 10px;">{{cityList[cityIndex]?.city || city}}</el-text>
|
|
|
- [切换城市]
|
|
|
+ <div class="condizione-box-c-city">
|
|
|
+ <div class="condizione-box-c-city-title">
|
|
|
+ 城市和地区
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="condizione-box-c-city-d flex flex-wrap">
|
|
|
- <div @click="selectCity(item)" :style="county==item?'color:#00DD9A;':''"
|
|
|
- class="condizione-box-c-city-d-i" v-for="(item,index) in countyList" :key="index">
|
|
|
- {{item}}
|
|
|
+ <div class="condizione-box-c-city-s flex flex-wrap">
|
|
|
+ <div class="condizione-box-c-city-s-i flex align-center" @click="openCityDialog()">
|
|
|
+ <el-text
|
|
|
+ style="color: #00DD9A;font-size: 14px;margin-right: 10px;">{{cityList[cityIndex]?.city
|
|
|
+ || city}}</el-text>
|
|
|
+ [切换城市]
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="condizione-box-c-city-d flex flex-wrap">
|
|
|
+ <div @click="selectCity(item)" :style="county==item?'color:#00DD9A;':''"
|
|
|
+ class="condizione-box-c-city-d-i" v-for="(item,index) in countyList" :key="index">
|
|
|
+ {{item}}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<!-- 行业筛选 -->
|
|
|
<div class="condizione-box-c-hy flex align-center justify-between">
|
|
|
<div class="condizione-box-c-hy-l flex align-center">
|
|
|
@@ -247,20 +249,62 @@
|
|
|
|
|
|
</div>
|
|
|
<!-- 切换城市 -->
|
|
|
- <el-dialog v-model="allCitys" :draggable="true" destroy-on-close align-center center>
|
|
|
+ <el-dialog v-model="allCitys" :draggable="true" destroy-on-close align-center center title="城市选择">
|
|
|
<template #header>
|
|
|
<div class="my-header flex align-center">
|
|
|
- <div class="my-header-title" style="font-weight: bold;">
|
|
|
- 切换城市
|
|
|
+ <div class="my-header-title" style="font-weight: bold">
|
|
|
+ 城市选择
|
|
|
+ </div>
|
|
|
+ <div class="my-header-title flex" style="margin-left: 40px; width: 300px">
|
|
|
+ <el-input v-model="search" prefix-icon="Search" size="default" placeholder="请输入城市名称"
|
|
|
+ class="input-with-select" @input="handleSearch" />
|
|
|
+ <el-button @click="handleSearch" style="margin-left: 10px" type="primary">搜索</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <div class="citys">
|
|
|
- <div class="citys-item">
|
|
|
- <div @click="selectCity(item.city)" v-for="(item,index) in cityList" :key="index"
|
|
|
- class="citys-item-citys">
|
|
|
- {{item.city}}
|
|
|
+ <div class="city flex align-center justify-center">
|
|
|
+ <div class="city-box">
|
|
|
+ <div class="city-box-city">
|
|
|
+ <div class="city-box-cityt flex align-center justify-between">
|
|
|
+ 定位城市
|
|
|
+ <div @click="getLocation()" class="city-box-cityt-r flex align-center">
|
|
|
+ <el-icon size="18">
|
|
|
+ <Location />
|
|
|
+ </el-icon>
|
|
|
+ 重新定位
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div @click="selectCity(city)" class="city-box-citys">
|
|
|
+ {{ citys }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="city-box-list">
|
|
|
+ <ul class="city-box-lists" style="overflow: auto">
|
|
|
+ <li class="city-box-lists-title">热门城市</li>
|
|
|
+ <li class="city-box-lists-title-cs flex align-center flex-wrap">
|
|
|
+ <div @click="selectCity(item)" class="city-box-lists-title-css"
|
|
|
+ v-for="(item, index) in rmCity" :key="index">
|
|
|
+ {{ item }}
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li v-for="(item, index) in cityList" :key="index" class="city-box-lists-item">
|
|
|
+ <div v-if="item.city.length > 0">
|
|
|
+ <div class="city-box-lists-item-title">
|
|
|
+ {{ item.letter.toUpperCase() }}
|
|
|
+ </div>
|
|
|
+ <div class="flex align-center flex-wrap">
|
|
|
+ <div class="city-box-lists-item-titles flex align-center"
|
|
|
+ v-for="(ite, ind) in item.city" :key="ind">
|
|
|
+ <div @click="selectCity(ite)">
|
|
|
+ {{ ite }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <el-empty v-if="cityList.length == 0" description="暂无城市" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -273,6 +317,8 @@
|
|
|
import axios from 'axios';
|
|
|
import jsonp from 'axios-jsonp'
|
|
|
import citysData from '../../components/header/citys.json'
|
|
|
+ import citySelect from '../../publicJs/citySelect.js';
|
|
|
+ import cityJs from '../../publicJs/city.js';
|
|
|
export default {
|
|
|
components: {
|
|
|
VueQrcode,
|
|
|
@@ -321,8 +367,6 @@
|
|
|
jyList: [], //工作经验
|
|
|
schoolList: [], //学历列表
|
|
|
city: '', //当前选中的地区
|
|
|
- allCitys: false, //是否显示全部城市弹框
|
|
|
- citys: '', //定位城市
|
|
|
jobDataList: [], //岗位列表
|
|
|
page: 1, //分页
|
|
|
limit: 10, //每页条数
|
|
|
@@ -336,13 +380,29 @@
|
|
|
salaryRange: '', //薪资
|
|
|
education: '', //学历
|
|
|
companyPeople: '', //公司规模
|
|
|
+ allCitys: false, //是否显示全部城市弹框
|
|
|
+ citys: '', //定位城市
|
|
|
+ cityList: [], //按字母分组的城市列表，用于渲染
|
|
|
+ originalCityList: [], //原始格式的城市列表，用于比对和获取区县
|
|
|
+ county: '', //区域
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- //计算城市
|
|
|
- countyList() {
|
|
|
- return this.cityList.length > 0 ? ['全部', ...this.cityList[this.cityIndex].countyList] : ['全部']
|
|
|
- },
|
|
|
+ //计算城市区县列表
|
|
|
+ countyList() {
|
|
|
+ // 确保originalCityList不为空且cityIndex在有效范围内
|
|
|
+ if (this.originalCityList.length > 0 && this.cityIndex >= 0 && this.cityIndex < this.originalCityList.length) {
|
|
|
+ return ['全部', ...this.originalCityList[this.cityIndex].countyList]
|
|
|
+ }
|
|
|
+ return ['全部']
|
|
|
+ },
|
|
|
+ getCity() {
|
|
|
+ // 确保originalCityList不为空且cityIndex在有效范围内
|
|
|
+ if (this.originalCityList.length > 0 && this.cityIndex >= 0 && this.cityIndex < this.originalCityList.length) {
|
|
|
+ return this.originalCityList[this.cityIndex].city
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
this.city = ''
|
|
|
@@ -364,7 +424,9 @@
|
|
|
//学历
|
|
|
this.getschoolList()
|
|
|
//获取简历列表
|
|
|
- // this.getUserList()
|
|
|
+ this.getUserList()
|
|
|
+ this.getRmCityList();
|
|
|
+ this.getCitysList();
|
|
|
},
|
|
|
methods: {
|
|
|
//获取app下载地址
|
|
|
@@ -470,17 +532,189 @@
|
|
|
this.page = e
|
|
|
this.getUserList()
|
|
|
},
|
|
|
+ selectCity(item) {
|
|
|
+ console.log(item)
|
|
|
+ // 判断是选择城市还是区域
|
|
|
+ const index = this.originalCityList.findIndex(cityItem => cityItem.city === item);
|
|
|
+
|
|
|
+ if (index !== -1) {
|
|
|
+ // 城市选择：更新cityIndex和city值
|
|
|
+ this.cityIndex = index;
|
|
|
+ this.city = item;
|
|
|
+
|
|
|
+ // 更新county为默认值"全部"
|
|
|
+ this.county = '全部';
|
|
|
+
|
|
|
+ // 关闭城市选择弹窗
|
|
|
+ this.allCitys = false;
|
|
|
+ } else if (this.countyList.includes(item)) {
|
|
|
+ // 区域选择：更新county值
|
|
|
+ this.county = item;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 重置页码并重新获取职位列表
|
|
|
+ this.page = 1;
|
|
|
+ this.getUserList();
|
|
|
+ },
|
|
|
+ //打开城市选择弹窗
|
|
|
+ openCityDialog() {
|
|
|
+ this.allCitys = true;
|
|
|
+ },
|
|
|
+ //获取热门城市列表
|
|
|
+ getRmCityList() {
|
|
|
+ let data = {
|
|
|
+ limitCount: 10
|
|
|
+ };
|
|
|
+ this.$Request
|
|
|
+ .get('/app/postPush/getHotCity', { params: data })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.rmCity = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取城市列表（按ABC排序）
|
|
|
+ getCitysList(keyword = '') {
|
|
|
+ const grouped = {};
|
|
|
+ // 过滤：如果有关键字，就按城市名模糊匹配
|
|
|
+ const filtered = keyword
|
|
|
+ ? cityJs.filter(item => item.label.includes(keyword))
|
|
|
+ : cityJs;
|
|
|
+
|
|
|
+ // 遍历城市数据
|
|
|
+ filtered.forEach(item => {
|
|
|
+ // 按字母分组
|
|
|
+ const letterObj = citySelect.getFirstLetter(item.label);
|
|
|
+ const letter = letterObj.firstletter.toUpperCase();
|
|
|
+ if (!grouped[letter]) grouped[letter] = [];
|
|
|
+ grouped[letter].push(item.label);
|
|
|
+
|
|
|
+ // 查找对应的区县列表
|
|
|
+ let foundCountyList = [];
|
|
|
+ for (const province of citysData) {
|
|
|
+ // 省份级别的检查
|
|
|
+ if (province.label === item.label) {
|
|
|
+ // 获取省份下的区县列表
|
|
|
+ if (province.children && province.children.length > 0) {
|
|
|
+ const firstLevel = province.children[0];
|
|
|
+ if (firstLevel.children && firstLevel.children.length > 0) {
|
|
|
+ foundCountyList = firstLevel.children.map(county => county.label || '');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 城市级别的检查
|
|
|
+ if (province.children && province.children.length > 0) {
|
|
|
+ for (const cityItem of province.children) {
|
|
|
+ if (cityItem.label === item.label) {
|
|
|
+ // 获取城市下的区县列表
|
|
|
+ if (cityItem.children && cityItem.children.length > 0) {
|
|
|
+ foundCountyList = cityItem.children.map(county => county.label || '');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 生成按字母分组的城市列表
|
|
|
+ const sortedLetters = Object.keys(grouped).sort();
|
|
|
+ this.cityList = sortedLetters.map(letter => ({
|
|
|
+ letter,
|
|
|
+ city: grouped[letter]
|
|
|
+ }));
|
|
|
+ },
|
|
|
//选择城市
|
|
|
selectCity(item) {
|
|
|
- // 查找选中城市的索引
|
|
|
- const index = this.cityList.findIndex(city => city.city === item)
|
|
|
+ console.log(item)
|
|
|
+ // 判断是选择城市还是区域
|
|
|
+ const index = this.originalCityList.findIndex(cityItem => cityItem.city === item);
|
|
|
+
|
|
|
if (index !== -1) {
|
|
|
- this.cityIndex = index
|
|
|
- this.county = this.countyList[0]
|
|
|
- this.page = 1
|
|
|
- this.allCitys = false
|
|
|
- this.getUserList();
|
|
|
+ // 城市选择：更新cityIndex和city值
|
|
|
+ this.cityIndex = index;
|
|
|
+ this.city = item;
|
|
|
+
|
|
|
+ // 更新county为默认值"全部"
|
|
|
+ this.county = '全部';
|
|
|
+
|
|
|
+ // 关闭城市选择弹窗
|
|
|
+ this.allCitys = false;
|
|
|
+ } else if (this.countyList.includes(item)) {
|
|
|
+ // 区域选择：更新county值
|
|
|
+ this.county = item;
|
|
|
}
|
|
|
+
|
|
|
+ // 重置页码并重新获取职位列表
|
|
|
+ this.page = 1;
|
|
|
+ this.getUserList();
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ this.cityList = []
|
|
|
+ // 清空并初始化originalCityList
|
|
|
+ this.originalCityList = []
|
|
|
+ // 定义直辖市列表
|
|
|
+ const municipalities = ['北京市', '上海市', '天津市', '重庆市']
|
|
|
+ // 遍历省份
|
|
|
+ citysData.forEach(province => {
|
|
|
+ // 遍历城市
|
|
|
+ province.children.forEach(city => {
|
|
|
+ // 提取区域列表
|
|
|
+ const countyList = city.children.map(county => county.label)
|
|
|
+
|
|
|
+ // 确定城市名称
|
|
|
+ let cityName = city.label
|
|
|
+
|
|
|
+ // 如果是直辖市，取上一级的label（即省份名称）
|
|
|
+ if (municipalities.includes(province.label) && city.label === '市辖区') {
|
|
|
+ cityName = province.label
|
|
|
+ }
|
|
|
+
|
|
|
+ // 添加到cityList
|
|
|
+ this.cityList.push({
|
|
|
+ city: cityName,
|
|
|
+ countyList: countyList
|
|
|
+ })
|
|
|
+ // 添加到originalCityList
|
|
|
+ this.originalCityList.push({
|
|
|
+ city: cityName,
|
|
|
+ countyList: countyList
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ // 设置默认城市（如果没有本地存储的城市）
|
|
|
+ if (!this.city && this.originalCityList.length > 0) {
|
|
|
+ // 默认选择第一个城市
|
|
|
+ this.city = this.originalCityList[0].city
|
|
|
+ this.cityIndex = 0
|
|
|
+ // 设置默认区县为"全部"
|
|
|
+ this.county = '全部'
|
|
|
+ }
|
|
|
+
|
|
|
+ // 处理localStorage中存储的城市名称匹配
|
|
|
+ if (localStorage.getItem('city')) {
|
|
|
+ const storedCity = localStorage.getItem('city')
|
|
|
+ // 设置city值
|
|
|
+ this.city = storedCity
|
|
|
+
|
|
|
+ // 匹配选中项
|
|
|
+ this.originalCityList.forEach((item, index) => {
|
|
|
+ if (item.city === storedCity) {
|
|
|
+ this.cityIndex = index
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 设置默认区县为"全部"
|
|
|
+ this.county = '全部'
|
|
|
+ }
|
|
|
+
|
|
|
+ this.getLocation()
|
|
|
+ },
|
|
|
+ //搜索事件
|
|
|
+ handleSearch() {
|
|
|
+ this.getCitysList(this.search.trim());
|
|
|
},
|
|
|
/**
|
|
|
* @param {Boolean} e
|
|
|
@@ -626,70 +860,39 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- /**
|
|
|
- * 获取地址数据
|
|
|
- */
|
|
|
- getList() {
|
|
|
- // 使用本地citys.json数据
|
|
|
- this.cityList = []
|
|
|
- // 定义直辖市列表
|
|
|
- const municipalities = ['北京市', '上海市', '天津市', '重庆市']
|
|
|
-
|
|
|
- // 遍历省份
|
|
|
- citysData.forEach(province => {
|
|
|
- // 遍历城市
|
|
|
- province.children.forEach(city => {
|
|
|
- // 提取区域列表
|
|
|
- const countyList = city.children.map(county => county.label)
|
|
|
-
|
|
|
- // 确定城市名称
|
|
|
- let cityName = city.label
|
|
|
-
|
|
|
- // 如果是直辖市，取上一级的label（即省份名称）
|
|
|
- if (municipalities.includes(province.label) && city.label === '市辖区') {
|
|
|
- cityName = province.label
|
|
|
- }
|
|
|
-
|
|
|
- // 添加到cityList
|
|
|
- this.cityList.push({
|
|
|
- city: cityName,
|
|
|
- countyList: countyList
|
|
|
- })
|
|
|
+ getLocation() {
|
|
|
+ let data = {
|
|
|
+ key: 'ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75', //申请的密钥
|
|
|
+ output: 'jsonp'
|
|
|
+ };
|
|
|
+ let url = 'https://apis.map.qq.com/ws/location/v1/ip';
|
|
|
+ axios
|
|
|
+ .get(url, {
|
|
|
+ params: data,
|
|
|
+ adapter: jsonp
|
|
|
})
|
|
|
- })
|
|
|
-
|
|
|
- // 处理localStorage中存储的城市名称匹配
|
|
|
- if (localStorage.getItem('city')) {
|
|
|
- console.log(localStorage.getItem('city'))
|
|
|
- const storedCity = localStorage.getItem('city')
|
|
|
- // 设置city值
|
|
|
- this.city = storedCity
|
|
|
- }
|
|
|
-
|
|
|
- this.getLocation()
|
|
|
+ .then(res => {
|
|
|
+ this.longitude = res.data.result.location.lng;
|
|
|
+ this.latitude = res.data.result.location.lat;
|
|
|
+ this.getSelectCity(this.longitude, this.latitude);
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log('获取位置失败');
|
|
|
+ });
|
|
|
},
|
|
|
- getLocation() {
|
|
|
- //默认全部区
|
|
|
- this.county = '全部'
|
|
|
- // 设置定位城市
|
|
|
- if (this.cityList.length > 0) {
|
|
|
- this.citys = this.cityList[this.cityIndex].city
|
|
|
- }
|
|
|
- this.getUserList();
|
|
|
- // let data = {
|
|
|
- // key: "ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75", //申请的密钥
|
|
|
- // output: "jsonp"
|
|
|
- // };
|
|
|
- // let url = "https://apis.map.qq.com/ws/location/v1/ip"
|
|
|
- // axios.get(url, {
|
|
|
- // params: data,
|
|
|
- // adapter: jsonp
|
|
|
- // }).then(res => {
|
|
|
- // this.city = res.data.result.ad_info.city
|
|
|
- // this.getUserList()
|
|
|
- // }).catch(err => {
|
|
|
- // console.log(err)
|
|
|
- // })
|
|
|
+ //使用经纬度获取城市
|
|
|
+ getSelectCity(longitude, latitude) {
|
|
|
+ let data = {
|
|
|
+ lat: latitude,
|
|
|
+ lng: longitude
|
|
|
+ };
|
|
|
+ this.$Request
|
|
|
+ .get('/app/Login/selectCity', { params: data })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.citys = res.data.city ? res.data.city : '未知';
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
@@ -1196,4 +1399,98 @@
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
+ .city {
|
|
|
+ width: 100%;
|
|
|
+ height: 500px;
|
|
|
+
|
|
|
+ .city-box {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-city {
|
|
|
+ .city-box-cityt {
|
|
|
+ width: 100%;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ .city-box-cityt-r {
|
|
|
+ font-weight: 500;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 12px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-citys {
|
|
|
+ background-color: #F2F2F7;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 4px 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-citys:hover {
|
|
|
+ background-color: #00DD9A;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-list {
|
|
|
+ width: 100%;
|
|
|
+ height: 420px;
|
|
|
+ margin-top: 20px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ list-style: none;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-title {
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-title-css {
|
|
|
+ background-color: #F2F2F7;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 4px 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-title-css:hover {
|
|
|
+ background-color: #00DD9A;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-item-title {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-item-titles {
|
|
|
+ background-color: #F2F2F7;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 4px 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .city-box-lists-item-titles:hover {
|
|
|
+ background-color: #00DD9A;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
