Skip to content

T
tl_estate
Commit 5bedca54 authored by agping's avatar agping
Browse files
Options

商铺列表 修改

parent 56abcf61
Hide whitespace changes
Inline Side-by-side
Showing with 786 additions and 11 deletions
public/appnew/src/assets/js/public.js
View file @ 5bedca54
//公用js文件 //公用js文件
let ServerHost = 'https://pre2.tonglianjituan.com'; //let ServerHost = 'https://pre2.tonglianjituan.com';
//let ServerHost = 'https://api.tonglianjituan.com'; let ServerHost = 'https://api.tonglianjituan.com';
if(location.origin === 'https://api.tonglianjituan.com') { if(location.origin === 'https://api.tonglianjituan.com') {
ServerHost = location.origin; ServerHost = location.origin;
}; };
......
public/appnew/src/components/publicEg/entrance.vue
View file @ 5bedca54
...@@ -73,7 +73,12 @@ ...@@ -73,7 +73,12 @@
'path': '/shopList', 'path': '/shopList',
'nameCustom': '商铺列表', 'nameCustom': '商铺列表',
'query': { 'query': {
// 'id':'160', }
},
{
'path': '/shopSearchList',
'nameCustom': '商铺搜索列表',
'query': {
} }
} }
] ]
......
public/appnew/src/components/shop/shopList.vue
View file @ 5bedca54
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
</select> </select>
<img :src="icon_address" class="icon-address-img"/> <img :src="icon_address" class="icon-address-img"/>
</div> </div>
<div class="top-shop-search"> <div class="top-shop-search" @click="toShopSearchList()">
<img :src="icon_address" class="icon-address-img"/> <img :src="icon_search" class="icon-search-img"/>
</div> </div>
<div class="nav-main"> <div class="nav-main">
...@@ -130,6 +130,8 @@ ...@@ -130,6 +130,8 @@
initSelectCity:'上海市', initSelectCity:'上海市',
initTabNumAreaCity:0, initTabNumAreaCity:0,
initTabNumBusiness:0, initTabNumBusiness:0,
initMoreNum:0,
initMoreNumRent:0,
icon_address, icon_address,
icon_down02, icon_down02,
icon_down, icon_down,
...@@ -184,8 +186,8 @@ ...@@ -184,8 +186,8 @@
_data.pageSize = _this.pageSize; _data.pageSize = _this.pageSize;
_data.pageNo = _this.mainData[_index].page; _data.pageNo = _this.mainData[_index].page;
_data.site_area = 2; _data.site_area = 2;
_data.is_carefully_chosen = _this.mainData[_index].page; _data.is_carefully_chosen = 0;
_data.shop_type = _this.mainData[_index].page; _data.shop_type = _this.initTabNumMain?0:1;
_data.city = _this.initSelectCity; _data.city = _this.initSelectCity;
if(_this.ajax_shop_area_start){ if(_this.ajax_shop_area_start){
_data.shop_area_start = _this.ajax_shop_area_start; _data.shop_area_start = _this.ajax_shop_area_start;
...@@ -208,7 +210,7 @@ ...@@ -208,7 +210,7 @@
if(!(_this.ajaxYeTai == '全部')){ if(!(_this.ajaxYeTai == '全部')){
_data.industry_type = _this.ajaxYeTai; _data.industry_type = _this.ajaxYeTai;
}; };
if(!(_this.ajaxShopSign == '全部')){ if(!(_this.ajaxShopSign == '') && !(_this.ajaxShopSign == '全部')){
_data.shop_sign = _this.ajaxShopSign; _data.shop_sign = _this.ajaxShopSign;
}; };
...@@ -359,11 +361,15 @@ ...@@ -359,11 +361,15 @@
_this.initTabNumRent = index; _this.initTabNumRent = index;
if(rent[0] != '全部' ){ if(rent[0] != '全部' ){
var parseIntStart = parseInt(rent[0]); var parseIntStart = parseInt(rent[0]);
_this.initMoreNumRent = 0;
} }
if(rent[0] == '全部'){ if(rent[0] == '全部'){
_this.initMoreNumRent = 0;
_this.ajax_rent_price_start = ''; _this.ajax_rent_price_start = '';
_this.ajax_rent_price_end = ''; _this.ajax_rent_price_end = '';
}else if((rent.length == 1) && (rent[0] != '全部')){ }else if((rent.length == 1) && (rent[0] != '全部')){
_this.initMoreNumRent = 1;
if(parseIntStart > 1){ if(parseIntStart > 1){
_this.ajax_rent_price_start = parseIntStart*10000; _this.ajax_rent_price_start = parseIntStart*10000;
_this.ajax_rent_price_end = ''; _this.ajax_rent_price_end = '';
...@@ -386,12 +392,18 @@ ...@@ -386,12 +392,18 @@
if(item == '全部'){ if(item == '全部'){
_this.arrShop=[]; _this.arrShop=[];
} }
console.log( _this.arrShop);
var _shopIndex =_this.arrShop.indexOf(item); var _shopIndex =_this.arrShop.indexOf(item);
if(_shopIndex > -1){ if(_shopIndex > -1){
_this.arrShop.splice(_shopIndex, 1); _this.arrShop.splice(_shopIndex, 1);
}else{ }else{
_this.arrShop.push(item); _this.arrShop.push(item);
}; };
if(!(_this.arrShop[0] == '全部')){
_this.initMoreNum =_this.arrShop.length;
}else{
_this.initMoreNum = 0;
}
_this.ajaxShopSign = _this.arrShop.join(','); _this.ajaxShopSign = _this.arrShop.join(',');
}, },
toShopDetail(id){ toShopDetail(id){
...@@ -401,6 +413,12 @@ ...@@ -401,6 +413,12 @@
var str = this.common.ServerHost + "/app.php/app/share_detail?share=1&isC=0&client=b&id=" + id +'&user_name=' + user_name +'&user_img=' + user_img +'&user_tel=' + user_tel; var str = this.common.ServerHost + "/app.php/app/share_detail?share=1&isC=0&client=b&id=" + id +'&user_name=' + user_name +'&user_img=' + user_img +'&user_tel=' + user_tel;
location.href = str; location.href = str;
}, },
toShopSearchList(){
location.href = '/app/dist/#/shopSearchList';
console.log(this.initSelectCity);
localStorage.setItem('shop_list_b_user_city',this.initSelectCity);
localStorage.setItem('shop_list_b_user_shoptype',this.initTabNumMain);
},
delMore(){ delMore(){
let _this = this; let _this = this;
_this.initTabNumRent = 0; _this.initTabNumRent = 0;
...@@ -411,6 +429,11 @@ ...@@ -411,6 +429,11 @@
saveMore(){ saveMore(){
let _this = this; let _this = this;
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false; _this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
if((_this.initMoreNum*1 + _this.initMoreNumRent*1) > 0 ){
_this.mainDataChoose[_this.initTabNumMainChoose].title = '更多' + '(' + (_this.initMoreNum*1 + _this.initMoreNumRent*1) + ')';
}else{
_this.mainDataChoose[_this.initTabNumMainChoose].title = '更多';
};
_this.resetConditions(); _this.resetConditions();
_this.getList(); _this.getList();
}, },
...@@ -729,9 +752,12 @@ ...@@ -729,9 +752,12 @@
} }
.top-shop-search{ .top-shop-search{
position: fixed; position: fixed;
top: 0; top: .2rem;
right: 0.18rem; right: 0.4rem;
z-index: 668; z-index: 668;
width: 1.8rem; width: .46rem;
}
.icon-search-img{
width: .46rem;
} }
</style> </style>
public/appnew/src/components/shopSearch/shopSearchList.vue 0 → 100644
View file @ 5bedca54
<template>
<div class="min-height-list">
<nav>
<div class="top-city-select-area">
<select @change="changeSearchCriteria">
<option value="商铺名称">商铺名称</option>
<option value="商铺编号">商铺编号</option>
</select>
<img :src="icon_down" class="icon-search-img"/>
</div>
<div class="nav-main">
<input type="search" value="" :placeholder="'请输入' + initInputValue" @keypress="searchShopList"/>
</div>
<div class="top-shop-cancel" @click="toUpPage">
取消
</div>
<div class="nav-main-choose" v-show="isShowChoose == 1">
<div v-for="(item, index) in mainDataChoose" :key="item.title" :class="{active:index === initTabNumMainChoose}" @click="tabMainChoose(index)">
{{item.title}}
<img :src="icon_down02" v-show="index === initTabNumMainChoose" class="icon-select-img"/>
<img :src="icon_down" v-show="!(index === initTabNumMainChoose)" class="icon-select-img"/>
</div>
</div>
<div class="nav-seat"></div>
</nav>
<main class="main-content">
<section v-for="(item, index) in mainData">
<pagination-load :canload="!item.isStop" :distance="10" @load="getList">
<ul>
<li class="main-sec-li" v-for="(item2, index2) in item.dataList" @click="toShopDetail(item2.id)">
<div class="shop-list-img shop-list">
<img-error :datasrc="selesctImg(item2)" :imgtype="'div'"></img-error>
</div>
<div class="shop-list-con shop-list">
<p class="shop-title shop-list-top">{{item2.title}}</p>
<p class="shop-rent shop-list-top">{{selesctRent(item2)}}</p>
<p class="shop-list-top">
<span v-for="(item3, index3) in item2.shop_sign.split(',').splice(0, 3)" class="shop-lable">{{item3}}</span>
</p>
</div>
</li>
</ul>
</pagination-load>
<div class="no-data-block" v-show="item.noDataFlag">暂无数据</div>
<div class="no-more-block" v-show="!item.noDataFlag&&item.isStop">没有更多了...</div>
<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
</section>
</main>
<div class="mark-shop-choose" v-for="(item, index) in mainDataChoose" :key="item.title" v-show="(initTabNumMainChoose == index) && item.isShow">
<div v-show="index == 0">
<ul class="mark-shop-choose-ul mark-shop-choose-ul-left">
<li v-for="(item1, index1) in mainDataCityLi" class="area-li" :class="{active:index1 === initTabNumAreaCity}" @click="tabAreaCity(index1,item1.district)">{{item1.district}}</li>
</ul>
<ul class="mark-shop-choose-ul mark-shop-choose-ul-right" v-if="mainDataCityLi[initTabNumAreaCity]">
<li class="area-li" v-for="(item1, index1) in mainDataCityLi[initTabNumAreaCity].business" :class="{active:index1 === initTabNumBusiness}" @click="tabAreaBusiness(index1,item1.id,item1.name)">{{item1.name}}</li>
</ul>
</div>
<div v-show="index == 1">
<ul class="mark-shop-choose-ul">
<li v-for="(item1, index1) in mainDataChooseLi.yetai" class="li-choose li-choose-yetai" :class="{active:index1 === initTabNumYeTai}" @click="tabYeTai(index1,item1)">{{item1}}</li>
</ul>
</div>
<div v-show="index == 2">
<ul class="mark-shop-choose-ul">
<li v-for="(item2, index2) in mainDataChooseLi.acreage" class="li-choose li-choose-area" :class="{active:index2 === initTabNumArea}" @click="tabArea(index2,item2.value.split('-'))">{{item2.value}}</li>
</ul>
</div>
<div v-show="index == 3">
<div class="mark-shop-choose-ul mark-shop-choose-ul-padding">
<p class="rent-choose">租金（单选）</p>
<span v-for="(item6, index6) in mainDataChooseLi.money" class="li-choose-span li-choose-span-rent" :class="{active:index6 === initTabNumRent}" @click="tabRent(index6,item6.value.split('-'))">{{item6.value}}</span>
<p class="lable-choose">特色标签（多选）</p>
<span v-for="(item3, index3) in mainDataChooseLi.more" class="li-choose-span li-choose-span-sign" :class="{active:arrShop.indexOf(item3) > -1}" @click="tabShopSign(item3)">{{item3}}</span>
<div class="more-button">
<span class="clear-btn" @click="delMore()">清空</span>
<span class="save-btn" @click="saveMore()">保存</span>
</div>
</div>
</div>
</div>
<div class="mark-shop-choose-gray" v-for="(item, index) in mainDataChoose" v-show="(initTabNumMainChoose == index) && item.isShow" @click="tabMainChoose(index)">
</div>
</div>
</template>
<script>
import icon_search from '@/components/shop/images/icon_search@2x.png';
import icon_address from '@/components/shop/images/icon_address@2x.png';
import icon_down from '@/components/shop/images/icon_down@2x.png';
import icon_down02 from '@/components/shop/images/icon_down02@2x.png';
import paginationLoad from '@/components/publicEg/paginationLoad';
import '@/assets/js/layer041002.js';
export default {
components: {
'pagination-load': paginationLoad,
},
data: () => ({
list: [],
mainDataChooseLi: [],
mainDataCityLi: [],
mainDatabusinessLi: [],
mainData: [
{
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
}
],//请求返回的数据体集合
pageSize: 15,
initTabNumMain: 0,
isLoading: false,//是否正在加载
initTabNumMainChoose: 0,
initTabNumYeTai:0,
initTabNumArea:0,
initTabNumRent:0,
initSelectCity:'上海市',
initInputValue:'商铺名称',
initTabNumAreaCity:0,
initTabNumBusiness:0,
icon_address,
icon_down02,
icon_down,
icon_search,
ajaxDisc:'',
ajaxBusiness:0,
ajaxYeTai:'全部',
ajax_shop_area_start:'',
ajax_shop_area_end:'',
ajax_rent_price_start:'',
ajax_rent_price_end:'',
ajaxShopSign:'',
ajax_input_value:'',
isShowChoose:0,
arrShop: ['全部'],
mainDataChoose:[{
'title': '区域',
'isShow': false,
}, {
'title': '业态',
'isShow': false,
}, {
'title': '面积',
'isShow': false,
}, {
'title': '更多',
'isShow': false,
}],
}),
created() {
let _this = this;
_this.initSelectCity = localStorage.getItem('shop_list_b_user_city');
_this.initTabNumMain = localStorage.getItem('shop_list_b_user_shoptype');
_this.getChooseList();
_this.common.duringRequest({
'urlStr': '/api/getShopList',
startAction() {
_this.isLoading = true;
},
endAction() {
_this.isLoading = false;
}
});
},
mounted() {
let _this = this;
},
methods: {
getList() {
let _this = this;
let _index = 0;
if(!_this.isLoading && !_this.mainData[_index].isStop) {
var _data={};
_data.pageSize = _this.pageSize;
_data.pageNo = _this.mainData[_index].page;
_data.site_area = 2;
_data.is_carefully_chosen = 0;
_data.shop_type = _this.initTabNumMain?0:1;
_data.city = _this.initSelectCity;
if(_this.ajax_shop_area_start){
_data.shop_area_start = _this.ajax_shop_area_start;
};
if(_this.ajax_shop_area_end){
_data.shop_area_end = _this.ajax_shop_area_end;
};
if(_this.ajax_rent_price_start){
_data.rent_price_start = _this.ajax_rent_price_start;
};
if(_this.ajax_rent_price_end){
_data.rent_price_end = _this.ajax_rent_price_end;
};
if(_this.ajaxDisc && !(_this.ajaxDisc == '全' + _this.initSelectCity)){
_data.disc = _this.ajaxDisc;
};
if(!(_this.ajaxBusiness == 0)){
_data.business_id = _this.ajaxBusiness;
};
if(!(_this.ajaxYeTai == '全部')){
_data.industry_type = _this.ajaxYeTai;
};
if(!(_this.ajaxShopSign == '') && !(_this.ajaxShopSign == '全部')){
_data.shop_sign = _this.ajaxShopSign;
};
if((_this.initInputValue == '商铺名称') && !(_this.ajax_input_value == '')){
_data.title = _this.ajax_input_value;
}else if(!(_this.ajax_input_value == '')){
_data.house_id = _this.ajax_input_value*1;
}
_this.axios({
method: 'get',
url: '/api/getShopList',
responseType: 'json',
data: _data,
})
.then(function(response) {
_this.mainData[_index].isLoadOnce = true;
if(response.data.code == 200) {
let _list = response.data.data;
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.mainData[_index].page === 1 && (_this.mainData[_index].noDataFlag = true);
_this.mainData[_index].isStop = true;
_this.isShowChoose = 0;
} else {
_this.isShowChoose = 1;
_this.mainData[_index].dataList.push(..._list); //这里使用push要注意，先把数组展开
_list.length < _this.pageSize && (_this.mainData[_index].isStop = true);
_this.mainData[_index].page += 1;
};
};
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
}
},
getChooseList() {
let _this = this;
_this.axios({
method: 'get',
url: '/api/filtrateConditionV2',
responseType: 'json',
data: {
'city' : _this.initSelectCity,
}
})
.then(function(response) {
if(response.data.code == 200) {
_this.mainDataChooseLi = response.data.data;
_this.mainDataCityLi = response.data.data.area[1].business_district;
} else {
layer.tipsX(response.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
tabMainChoose(index){
let _this = this;
_this.initTabNumMainChoose = index;
_this.mainDataChoose[index].isShow = !_this.mainDataChoose[index].isShow;
_this.mainDataChoose.forEach((item, i) => {
if(i != index){
_this.mainDataChoose[i].isShow = false;
}
});
},
changeSearchCriteria(c) {
let _this = this;
_this.initInputValue = c.target.value;
},
tabYeTai(index,yetai){
let _this = this;
_this.initTabNumYeTai = index;
_this.ajaxYeTai = yetai
if(_this.ajaxYeTai == '全部'){
_this.mainDataChoose[_this.initTabNumMainChoose].title = '业态';
}else{
_this.mainDataChoose[_this.initTabNumMainChoose].title = yetai;
};
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this.resetConditions();
_this.getList();
},
tabArea(index,area){
let _this = this;
_this.initTabNumArea = index;
_this.mainDataChoose[_this.initTabNumMainChoose].title = area.join('-');
if(area[0] != '全部' ){
var parseIntStart_area = parseInt(area[0]);
}
if(area[0] == '全部'){
_this.mainDataChoose[_this.initTabNumMainChoose].title = '面积';
_this.ajax_shop_area_start = '';
_this.ajax_shop_area_end = '';
}else if((area.length == 1) && (area[0] != '全部')){
if(parseIntStart_area > 30){
_this.ajax_shop_area_start = parseIntStart_area;
_this.ajax_shop_area_end = '';
}else{
_this.ajax_shop_area_start = '0';
_this.ajax_shop_area_end = parseIntStart_area;
};
}else{
var parseIntEnd_area = parseInt(area[1]);
_this.ajax_shop_area_start = parseIntStart_area;
_this.ajax_shop_area_end = parseIntEnd_area;
}
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this.resetConditions();
_this.getList();
},
tabAreaCity(index,district){
let _this = this;
_this.initTabNumAreaCity = index;
_this.ajaxDisc = district;
},
tabAreaBusiness(index,business,businessStr){
let _this = this;
_this.initTabNumBusiness = index;
if(business == 0 && (('全' + _this.initSelectCity) == _this.ajaxDisc ) || _this.ajaxDisc == ''){
_this.mainDataChoose[_this.initTabNumMainChoose].title = '区域';
}else if(business != 0){
_this.mainDataChoose[_this.initTabNumMainChoose].title = businessStr;
}else{
_this.mainDataChoose[_this.initTabNumMainChoose].title = _this.ajaxDisc;
}
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this.ajaxBusiness = business;
_this.resetConditions();
_this.getList();
},
tabRent(index,rent){
let _this = this;
_this.initTabNumRent = index;
if(rent[0] != '全部' ){
var parseIntStart = parseInt(rent[0]);
}
if(rent[0] == '全部'){
_this.ajax_rent_price_start = '';
_this.ajax_rent_price_end = '';
}else if((rent.length == 1) && (rent[0] != '全部')){
if(parseIntStart > 1){
_this.ajax_rent_price_start = parseIntStart*10000;
_this.ajax_rent_price_end = '';
}else{
_this.ajax_rent_price_start = '0';
_this.ajax_rent_price_end = parseIntStart*10000;
};
}else{
var parseIntEnd = parseInt(rent[1]);
_this.ajax_rent_price_start = parseIntStart*10000;
_this.ajax_rent_price_end = parseIntEnd*10000;
}
},
tabShopSign(item){
let _this = this;
if((_this.arrShop.length >= 1) && (_this.arrShop[0] == '全部')){
_this.arrShop.splice(0, 1);
}
if(item == '全部'){
_this.arrShop=[];
}
var _shopIndex =_this.arrShop.indexOf(item);
if(_shopIndex > -1){
_this.arrShop.splice(_shopIndex, 1);
}else{
_this.arrShop.push(item);
};
_this.ajaxShopSign = _this.arrShop.join(',');
},
toShopDetail(id){
var user_img = localStorage.getItem('shop_list_b_user_img');
var user_name = localStorage.getItem('shop_list_b_user');
var user_tel = localStorage.getItem('shop_list_b_user_tel');
var str = this.common.ServerHost + "/app.php/app/share_detail?share=1&isC=0&client=b&id=" + id +'&user_name=' + user_name +'&user_img=' + user_img +'&user_tel=' + user_tel;
location.href = str;
},
delMore(){
let _this = this;
_this.initTabNumRent = 0;
_this.ajax_rent_price_start = '';
_this.ajax_rent_price_end = '';
_this.arrShop = ['全部'];
},
saveMore(){
let _this = this;
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this.resetConditions();
_this.getList();
},
tabLable(index){
let _this = this;
_this.initTabNumRent = index;
},
selesctImg(item){
var _img = '';
if(item.images.length == 0){
_img = item.api_path + '';
}else{
_img = item.api_path + item.images[0].img_name;
};
return _img;
},
selesctRent(item){
var _rent_type = '';
if(item.rent_type == 1){
_rent_type ='租金均价：' + item.rent_price + '元/月';
};
if(item.rent_type == 2){
_rent_type ='租金均价：' + item.rent_price + '%';
};
if(item.rent_type == 3){
_rent_type ='租金均价：' + item.rent_price + '元/天/m²';
};
if(item.rent_type == 4){
_rent_type ='租金均价：' + item.rent_price + '元/年';
};
return _rent_type;
},
resetConditions(){
let _this = this;
_this.mainData=[
{
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
},
]
},
searchShopList(c){
let _this = this;
_this.ajax_input_value = c.target.value;
var keycode = c.keyCode;
if(keycode=='13') {
c.preventDefault();
if(_this.ajax_input_value == ''){
layer.tipsX('请输入有效关键字');
return;
}
_this.resetConditions();
_this.getList();
}
},
toUpPage(){
window.history.back();
}
}
}
</script>
<style scoped>
.min-height-list{
min-height: 100vh;
background: #fff;
}
nav>.nav-main {
display: flex;
box-sizing: border-box;
background-color: #FAFAFA;
width: 100%;
height: .5rem;
line-height: .9rem;
padding-left: 2.42rem;
position: fixed;
left: 0;
font-size: .46rem;
top: 0;
z-index: 666;
color: #999999;
margin: .2rem .3rem;
width: 6.3rem;
border-radius: .25rem;
}
nav{
position: fixed;
background-color: #fff;
z-index: 668;
width: 100%;
}
nav>.nav-main input{
background-color: #FAFAFA;
width: 4.1rem;
margin-left: -.5rem;
}
nav>.nav-seat {
height: 1.86rem;
}
.main-content {
padding: 0 .3rem;
background: #fff;
}
.main-sec-li {
background: #fff;
font-size: .3rem;
height: 2.4rem;
box-sizing: border-box;
border-bottom:1px solid #F0F0F0;
padding: .4rem 0;
}
.main-sec-li-26 {
background: #fff;
line-height: .9rem;
font-size: .26rem;
}
.main-sec-li .shop-list{
float: left;
}
.main-sec-li .shop-list{
height: 1.6rem;
}
.shop-list>img{
height: 1.6rem;
width: 2.1rem;
}
.main-sec-li .shop-list-con{
margin-left: .3rem;
}
.shop-list-con{
width: 4.5rem;
overflow: hidden;
}
.shop-list-con .shop-title{
font-size: .3rem;
width:4.5rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.shop-list-con .shop-rent{
font-size: .26rem;
color: #FF5C50;
}
.shop-list-con .shop-lable{
font-size: .22rem;
padding: .05rem .1rem;
color: #FFA900;
background-color: #FFF4DF;
margin-right: .1rem;
}
.shop-list-top{
margin-top: .12rem;
}
/*选择项样式*/
nav>.nav-main-choose {
display: flex;
box-sizing: border-box;
background-color: #FFF;
width: 100%;
height: .96rem;
line-height: .96rem;
position: fixed;
font-size: .28rem;
color: #1A1A1A;
position: fixed;
top: .9rem;
z-index:666 ;
}
nav>.nav-main-choose>div {
flex: 1;
text-align: center;
}
nav>.nav-main-choose>div.active {
color: #FFA029;
}
.mark-shop-choose{
position: fixed;
top: 1.86rem;
z-index: 666;
width: 100%;
}
.li-choose{
height: 1rem;
width: 100%;
text-align: center;
line-height: 1rem;
}
.mark-shop-choose-ul{
background-color:#fff ;
height: 6.8rem;
overflow-y: scroll;
}
.mark-shop-choose-gray{
background-color: rgba(0,0,0,.5);
position: fixed;
z-index:555 ;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.mark-shop-choose-ul-padding{
box-sizing: border-box;
padding: .23rem .42rem;
}
.rent-choose,.lable-choose{
font-size: .3rem;
color: #1A1A1A;
margin-bottom: .38rem;
}
.lable-choose{
margin-top: .21rem;
}
.li-choose-span{
color: #1A1A1A ;
font-size: .26rem;
padding: .1rem 0;
display: inline-block;
width: 1.465rem;
background-color: #F5F5F5;
text-align: center;
margin-right: .2rem;
margin-bottom: .2rem;
}
.clear-btn{
width: 3.2rem;
height: .72rem;
color: #FFA029;
background-color: #fff;
font-size: .3rem;
text-align: center;
line-height: .72rem;
margin-right: .3rem;
display: inline-block;
border: 1px solid #FFA029;
box-sizing: border-box;
border-radius: .02rem;
letter-spacing: .03rem;
}
.save-btn{
width: 3rem;
height: .72rem;
color: #fff;
background-color: #FFA029;
font-size: .3rem;
text-align: center;
line-height: .72rem;
display: inline-block;
border-radius: .02rem;
letter-spacing: .03rem;
}
.more-button{
margin-top: .12rem;
}
.li-choose-yetai.active,.li-choose-area.active{
color: #FFA900;
}
.li-choose-span-rent.active{
background-color:#FFA029 ;
color: #fff;
}
.li-choose-span-sign.active{
background-color:#FFA029 ;
color: #fff;
}
/*城市 筛选*/
.top-city-select-area {
position: fixed;
top: .23rem;
left: .6rem;
z-index: 668;
font-size: 0.28rem;
color: #1A1A1A;
width: 1.8rem;
height: .5rem;
}
.mark-shop-choose-ul-left,.mark-shop-choose-ul-right{
width: 50%;
float: left;
}
.mark-shop-choose-ul-right{
text-align: center;
background-color: #FAFAFA;
}
.mark-shop-choose-ul-left{
padding-left: .62rem;
box-sizing: border-box;
}
.area-li{
height: 1rem;
line-height: 1rem;
font-size: .3rem;
color: #1A1A1A;
}
.mark-shop-choose-ul-right .active,.mark-shop-choose-ul-left .active{
color: #FFA900;
}
.icon-select-img{
width: .23rem;
position: relative;
top: -.02rem;
}
.icon-address-img{
width: .21rem;
margin-left: .1rem;
}
.top-shop-search{
position: fixed;
top: .2rem;
right: 0.4rem;
z-index: 668;
width: .46rem;
}
.icon-search-img{
width: .26rem;
margin-left: .1rem;
}
.top-shop-cancel{
position: fixed;
width: .6rem;
right: .2rem;
top: .23rem;
font-size: .28rem;
}
.loadmore__body ul{
padding-top: 1.6rem;
}
</style>
public/appnew/src/router/index.js
View file @ 5bedca54
...@@ -17,6 +17,7 @@ import agreement from '@/components/inviteRegister/agreement' ...@@ -17,6 +17,7 @@ import agreement from '@/components/inviteRegister/agreement'
import businessCollege from '@/components/businessCollege/articleList' import businessCollege from '@/components/businessCollege/articleList'
import articleDetail from '@/components/businessCollege/articleDetail' import articleDetail from '@/components/businessCollege/articleDetail'
import shopList from '@/components/shop/shopList' import shopList from '@/components/shop/shopList'
import shopSearchList from '@/components/shopSearch/shopSearchList'
Vue.use(Router) Vue.use(Router)
...@@ -110,6 +111,11 @@ export default new Router({ ...@@ -110,6 +111,11 @@ export default new Router({
path: '/shopList', path: '/shopList',
name: 'v-shop-list', name: 'v-shop-list',
component: shopList component: shopList
},
{
path: '/shopSearchList',
name: 'v-shop-search-list',
component: shopSearchList
} }
] ]
}) })
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment