|
|
|
@ -1,124 +0,0 @@
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
// const handlePhone = () => {
|
|
|
|
|
// uni.makePhoneCall({
|
|
|
|
|
// phoneNumber: '400-123-000', //仅为示例
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// 定义 props 接收数据
|
|
|
|
|
defineProps<{
|
|
|
|
|
siteVal: Object
|
|
|
|
|
}>()
|
|
|
|
|
|
|
|
|
|
const handleToto = () => {
|
|
|
|
|
emit('change',siteVal)
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<view class="item-site">
|
|
|
|
|
<view class="module-cont">
|
|
|
|
|
<image
|
|
|
|
|
class="left"
|
|
|
|
|
src="https://img.36krcdn.com/20200410/v2_41365a0f26a244fdab8e3f5be081ed2b_img_000"
|
|
|
|
|
/>
|
|
|
|
|
<view class="md">
|
|
|
|
|
<view class="name"> <span class="zuijin"> 最近 </span>{{siteVal.stationName}} </view>
|
|
|
|
|
<view class="time">营业时间:{{siteVal.appointmentTimeStart}} - {{siteVal.appointmentTimeEnd}}</view>
|
|
|
|
|
<view class="loction">{{siteVal.address}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="right">
|
|
|
|
|
<view class="num">{{siteVal.distance}}m</view>
|
|
|
|
|
<image
|
|
|
|
|
class="img"
|
|
|
|
|
src="https://img.36krcdn.com/20200410/v2_41365a0f26a244fdab8e3f5be081ed2b_img_000"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="md-tag"
|
|
|
|
|
><span class="tag-before">回收品类</span>旧衣·纸品·金属·家电·塑料·玻璃</view
|
|
|
|
|
>
|
|
|
|
|
<view class="foot-desc">
|
|
|
|
|
<view class="item">特色服务:上门服务、家电维修</view>
|
|
|
|
|
<view class="item">优惠活动:预约回收立享双倍积分</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.item-site {
|
|
|
|
|
padding: 32rpx 20rpx;
|
|
|
|
|
margin: 16rpx;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 4rpx;
|
|
|
|
|
|
|
|
|
|
.module-cont {
|
|
|
|
|
padding: 20rpx 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
.left {
|
|
|
|
|
width: 140rpx;
|
|
|
|
|
height: 140rpx;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
}
|
|
|
|
|
.md {
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin: 0 10rpx;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #0d0d26;
|
|
|
|
|
.name {
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
.zuijin {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #ff7d00;
|
|
|
|
|
background: #fff7e8;
|
|
|
|
|
padding: 4rpx 4rpx;
|
|
|
|
|
margin-right: 6rpx;
|
|
|
|
|
border-radius: 4rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.time {
|
|
|
|
|
color: #95969d;
|
|
|
|
|
margin: 8rpx 0;
|
|
|
|
|
}
|
|
|
|
|
.loction {
|
|
|
|
|
color: #0d0d26;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.right {
|
|
|
|
|
.num {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
color: #95969d;
|
|
|
|
|
}
|
|
|
|
|
.img {
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.md-tag {
|
|
|
|
|
background: #e8fffb;
|
|
|
|
|
color: #0fc6c2;
|
|
|
|
|
margin: 10rpx 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
padding: 6rpx 0rpx;
|
|
|
|
|
.tag-before {
|
|
|
|
|
background: #0fc6c2;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
padding: 4rpx 8rpx;
|
|
|
|
|
border-radius: 4rpx;
|
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.foot-desc {
|
|
|
|
|
.item {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #95969d;
|
|
|
|
|
margin: 10rpx 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|