You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
351 lines
14 KiB
351 lines
14 KiB
<template> |
|
<view class="body-background"></view> |
|
<u-navbar |
|
:title="title" |
|
:auto-back="true" |
|
left-icon-size="40rpx" |
|
:safe-area-inset-top="true" |
|
:placeholder="true" |
|
bgColor="#ffffff" |
|
></u-navbar> |
|
<view class="app-wallpaper"> |
|
<view class="follow-container"> |
|
<view class="big-title"> |
|
<u-text text="公寓出租" size="32" color="#020B18"></u-text> |
|
</view> |
|
<view class="room-list border-box"> |
|
<view class="item row"> |
|
<view class="image col"> |
|
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image> |
|
</view> |
|
<view class="info col"> |
|
<view class="top row col"> |
|
<view class="title"> |
|
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text> |
|
</view> |
|
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view> |
|
</view> |
|
<view class="center row"> |
|
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text> |
|
</view> |
|
<view class="bottom row"> |
|
<view class="tags row col"> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
</view> |
|
<view class="price row col"> |
|
<view class="price-number"> |
|
<u-text text="850" color="#FF9545" size="28"></u-text> |
|
</view> |
|
<view class="price-label"> |
|
<u-text text="元/月" color="#020B18" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="item row"> |
|
<view class="image col"> |
|
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image> |
|
</view> |
|
<view class="info col"> |
|
<view class="top row col"> |
|
<view class="title"> |
|
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text> |
|
</view> |
|
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view> |
|
</view> |
|
<view class="center row"> |
|
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text> |
|
</view> |
|
<view class="bottom row"> |
|
<view class="tags row col"> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
</view> |
|
<view class="price row col"> |
|
<view class="price-number"> |
|
<u-text text="850" color="#FF9545" size="28"></u-text> |
|
</view> |
|
<view class="price-label"> |
|
<u-text text="元/月" color="#020B18" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="big-title"> |
|
<u-text text="暖新商品" size="32" color="#020B18"></u-text> |
|
</view> |
|
<view class="good-list border-box"> |
|
<view class="item row"> |
|
<view class="image col"> |
|
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image> |
|
</view> |
|
<view class="info col"> |
|
<view class="top row col"> |
|
<view class="title"> |
|
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text> |
|
</view> |
|
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view> |
|
</view> |
|
<view class="center row"> |
|
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text> |
|
</view> |
|
<view class="bottom row"> |
|
<view class="tags row col"> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
</view> |
|
<view class="price row col"> |
|
<view class="price-number"> |
|
<u-text text="850" color="#FF9545" size="28"></u-text> |
|
</view> |
|
<view class="price-label"> |
|
<u-text text="元/月" color="#020B18" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="item row"> |
|
<view class="image col"> |
|
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image> |
|
</view> |
|
<view class="info col"> |
|
<view class="top row col"> |
|
<view class="title"> |
|
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text> |
|
</view> |
|
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view> |
|
</view> |
|
<view class="center row"> |
|
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text> |
|
</view> |
|
<view class="bottom row"> |
|
<view class="tags row col"> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
<view class="tag"> |
|
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text> |
|
</view> |
|
</view> |
|
<view class="price row col"> |
|
<view class="price-number"> |
|
<u-text text="850" color="#FF9545" size="28"></u-text> |
|
</view> |
|
<view class="price-label"> |
|
<u-text text="元/月" color="#020B18" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="big-title"> |
|
<u-text text="暖新项目" size="32" color="#020B18"></u-text> |
|
</view> |
|
<view class="project-list border-box"> |
|
<view class="item" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;"> |
|
<view class="" style="padding:20rpx;border-radius:20rpx;"> |
|
<view class="title row" style="padding-bottom:16rpx;"> |
|
<view class="title-item blue"> |
|
<view class="title-content"> |
|
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text> |
|
</view> |
|
</view> |
|
<view class="title-item"> |
|
<view class="title-content"> |
|
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="body row" style="padding-top:16rpx;"> |
|
<view class="cover" style="margin-right:24rpx;"> |
|
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image> |
|
</view> |
|
<view class="content col"> |
|
<view class="content-title" style="margin-bottom:32rpx;"> |
|
<u-text :text="item.title" color="#020B18" size="32"></u-text> |
|
</view> |
|
<view class="content-body"> |
|
<view class="body-address row" style="margin-bottom:10rpx;"> |
|
<view class="icon" style="margin-right:20rpx;"> |
|
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image> |
|
</view> |
|
<view class="value col "> |
|
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text> |
|
</view> |
|
</view> |
|
<view class="body-phone row" style="justify-content: flex-start"> |
|
<view class="icon" style="margin-right:20rpx;"> |
|
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image> |
|
</view> |
|
<view class="value row col"> |
|
<view class=""> |
|
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="item" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;"> |
|
<view class="" style="padding:20rpx;border-radius:20rpx;"> |
|
<view class="title row" style="padding-bottom:16rpx;"> |
|
<view class="title-item blue"> |
|
<view class="title-content"> |
|
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text> |
|
</view> |
|
</view> |
|
<view class="title-item"> |
|
<view class="title-content"> |
|
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="body row" style="padding-top:16rpx;"> |
|
<view class="cover" style="margin-right:24rpx;"> |
|
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image> |
|
</view> |
|
<view class="content col"> |
|
<view class="content-title" style="margin-bottom:32rpx;"> |
|
<u-text :text="item.title" color="#020B18" size="32"></u-text> |
|
</view> |
|
<view class="content-body"> |
|
<view class="body-address row" style="margin-bottom:10rpx;"> |
|
<view class="icon" style="margin-right:20rpx;"> |
|
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image> |
|
</view> |
|
<view class="value col "> |
|
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text> |
|
</view> |
|
</view> |
|
<view class="body-phone row" style="justify-content: flex-start"> |
|
<view class="icon" style="margin-right:20rpx;"> |
|
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image> |
|
</view> |
|
<view class="value row col"> |
|
<view class=""> |
|
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { |
|
imghost |
|
} from '@/config/host.js' |
|
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
|
import api from '@/utils/functions.js'; |
|
import {goodsOrder, orderLogistics, roomOrder, tabCount} from "@/api/user"; |
|
|
|
export default { |
|
components: { |
|
MzSubsection |
|
}, |
|
data() { |
|
return { |
|
listItem:[ |
|
{name:'全部留言'}, |
|
{name:'已回答'}, |
|
{name:'未回答'}, |
|
], |
|
tabCheck:'room', |
|
title: '我的活动', |
|
loading: true, |
|
staticImage: { |
|
bg: imghost + '/BG.png', |
|
newIcon: imghost + '/new-icon.png', |
|
shopThumb: imghost + '/new-1.png', |
|
ask:imghost+ '/ask.png', |
|
answer:imghost+ '/answer.png', |
|
listPosition:imghost+'/service-position.png', |
|
listPhone:imghost+'/service-phone.png', |
|
rightRed:imghost+'/activity-red.png', |
|
rightBlue:imghost+'/activity-blue.png', |
|
rightGreen:imghost+'/activity-green.png', |
|
rightOrange:imghost+'/activity-orange.png', |
|
}, |
|
item:{ |
|
status:1, |
|
type_name:'社区活动', |
|
community:'三元社区', |
|
title:'家庭教育培训课堂开课啦！', |
|
address:'asdasd', |
|
start_time:'2023-11-11', |
|
cover:imghost+'/activity-banner.png', |
|
}, |
|
} |
|
}, |
|
onLoad() { |
|
|
|
}, |
|
onReady() { |
|
|
|
}, |
|
computed: { |
|
|
|
}, |
|
methods: { |
|
navTo(url){ |
|
wx.navigateTo({ |
|
url:url |
|
}) |
|
}, |
|
}, |
|
onReachBottom() { |
|
|
|
}, |
|
onPageScroll(res) { |
|
|
|
}, |
|
mounted() { |
|
|
|
}, |
|
created() { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import './components/follow.scss'; |
|
</style> |