odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

邓洁 : 修改细节

Browse Source
This commit is contained in:
dengj
2023-11-21 11:23:07 +08:00
parent b7ffbd477d
commit 37969e1d2a
10 changed files with 150 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/InputAndSwiper/InputAndSwiper.vue
View File

@@ -2,8 +2,8 @@
<view class="input-and-swiper-root">
<view class="search-box" v-if="type!=='0'">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
<u-input placeholder="请输入店铺名称进行搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true" @change="changeInput">
<template slot="suffix">
<view style="display: flex;align-items: center;">
<u-icon name="map-fill" color="#329866" size="22"></u-icon>
@@ -53,6 +53,9 @@
}
},
methods: {
changeInput(e){
this.$emit('getQueryInfo',e)
},
open() {
if (!uni.getStorageSync('city') && !uni.getStorageSync('district')) {
uni.getSystemInfo({

63
components/SearchShopListItem/SearchShopListItem.vue
View File

@@ -5,22 +5,22 @@
</view>
<view class="list-container" @click="enterDetail()">
<view class="text-area">
<u-text style="font-weight: 500;" :text="shopInfo.tt" :lines="2" ></u-text>
<u-text style="font-weight: 500;" :text="shopInfo.tt" :lines="2"></u-text>
<view class="style2" v-if="showStyle === 1">
<view class="rent-and-cost">
<text>租金：{{shopInfo.zujin}}元/月</text>
<text v-if="showStyle==1">预计投资：{{shopInfo.zhuanrangfei}}</text>
<text v-if="showStyle==1">预计投资：{{shopInfo.zhuanrangfei}}万</text>
</view>
<view class="cart-and-pos">
<view>
<view>
<view style="width: 131rpx;margin-right: 68rpx;">
<view style="margin-right: 4px;">
<u-image src="/static/shoplist/sy_icon_lbhy.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.trade1}}</text>
</view>
<view>
<view>
<view style="width: 131rpx;">
<view style="margin-right: 4px;">
<u-image src="/static/shoplist/sy_icon_lbhdw.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.area1}}</text>
@@ -28,16 +28,18 @@
</view>
</view>
<view class="style3" v-if="showStyle === 2">
<view class="cjsj">成交时间：{{$u.timeFormat(shopInfo.deal_time,'yyyy-mm-dd')}}</view>
<view class="cjsj">
<text>成交时间：{{$u.timeFormat(shopInfo.deal_time,'yyyy-mm-dd')}}</text>
</view>
<view class="cart-and-pos">
<view>
<view>
<view style="width: 131rpx;margin-right: 68rpx;">
<view style="margin-right: 4px;">
<u-image src="/static/cjal/al_icon_flh.png" width="12px" height="15px"></u-image>
</view>
<text :class="{style3: showStyle === 2}">{{shopInfo.trade1}}</text>
</view>
<view>
<view>
<view style="width: 131rpx;">
<view style="margin-right: 4px;">
<u-image src="/static/cjal/al_icon_dwh.png" width="12px" height="15px"></u-image>
</view>
<text :class="{style3: showStyle === 2}">{{shopInfo.area1}}</text>
@@ -46,21 +48,21 @@
</view>
<view class="sqr-and-lx" :class="{pb0: showStyle === 2}">
<view>
<view style="width: 131rpx;margin-right: 68rpx;">
<view>
<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_pm.png" width="12px" height="15px"></u-image>
<u-image v-else src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
</view>
<text :class="{style3: showStyle === 2}">{{shopInfo.mianji}}m2</text>
<text :class="{style3: showStyle === 2}">{{shopInfo.mianji}}m²</text>
</view>
<view>
<view style="width: 131rpx;margin-right: 64rpx;">
<view>
<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_mch.png" width="12px" height="15px"></u-image>
<u-image v-if=" showStyle===2" src="/static/cjal/al_icon_mch.png" width="12px" height="15px"></u-image>
<u-image v-else src="/static/shoplist/sy_icon_lbxm.png" width="12px" height="15px"></u-image>
</view>
<text :class="{style3: showStyle === 2}">{{shopInfo.lianxiren}}</text>
</view>
<view style="flex:2">
<view style="width: 190rpx;">
<view>
<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_sjh.png" width="12px" height="15px"></u-image>
<u-image v-else src="/static/shoplist/sy_icon_lblxr.png" width="12px" height="15px"></u-image>
@@ -70,19 +72,19 @@
</view>
<view class="cart-and-date" v-if="showStyle === 0">
<view>
<view style="width: 131rpx;">
<view>
<u-image src="/static/shoplist/sy_icon_lbhy.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.trade1}}</text>
</view>
<view>
<view style="width: 131rpx;">
<view>
<u-image src="/static/shoplist/sy_icon_lbhdw.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.area1}}</text>
</view>
<view style="flex:2">
<view style="width: 290rpx;">
<view>
<u-image src="/static/shoplist/sy_icon_lbrq.png" width="12px" height="15px"></u-image>
</view>
@@ -164,7 +166,6 @@
}
}
</script>
<style lang="scss" scoped>
.style3 {
position: relative;
@@ -183,11 +184,16 @@
position: absolute;
top: 30rpx;
right: 13rpx;
z-index: 5;
}
.cjsj {
margin-top: 20rpx;
margin-bottom: 12rpx;
>text {
font-size: 24rpx;
}
}
.list-border {
@@ -235,12 +241,11 @@
width: 100%;
>text {
font-size: 14px;
font-size: 28rpx;
}
>view {
display: flex;
>view {
display: flex;
@@ -260,6 +265,7 @@
.rent-and-cost {
text {
margin-right: 26rpx;
font-size: 24rpx;
}
margin-top: 5px;
@@ -283,18 +289,21 @@
text {
color: #CC3333;
line-height: 12px;
font-size: 24rpx;
}
}
}
.sqr-and-lx {
justify-content: space-between;
display: flex;
// justify-content: space-between;
margin-top: 5px;
padding-bottom: 6px;
text {
color: #359867;
line-height: 12px;
font-size: 24rpx;
}
.style3 {
@@ -302,11 +311,11 @@
}
>view {
flex: 1;
display: flex;
// flex: 1;
// display: flex;
>view {
margin-right: 4px;
// margin-right: 4px;
}
}
}
@@ -321,7 +330,7 @@
text {
color: #CC3333;
line-height: 12px;
margin-right: 48rpx;
// margin-right: 48rpx;
}
}
}