|
@@ -24,30 +24,36 @@
|
|
</view>
|
|
</view>
|
|
<!-- 网点 -->
|
|
<!-- 网点 -->
|
|
<view class="storeList">
|
|
<view class="storeList">
|
|
- <u-section title="附近的网点" :right="false" line-color="#01c9b2"></u-section>
|
|
|
|
|
|
+ <u-section title="附近的回收机" :right="false" line-color="#01c9b2" class="store-section"></u-section>
|
|
<view class="stores-box">
|
|
<view class="stores-box">
|
|
- <view class="stores-item" v-for="item in stationDataList" @click="viewStore(item)">
|
|
|
|
- <view class="s-name">
|
|
|
|
- <view>{{ item.name }}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="s-address">
|
|
|
|
- <view>
|
|
|
|
- <text>{{ item.provinceName }}{{ item.cityName }}{{ item.districtName }}{{ item.address }}</text>
|
|
|
|
- </view>
|
|
|
|
- <view>
|
|
|
|
- <u-icon name="map-fill" color="#01c9b2" size="30"></u-icon>
|
|
|
|
- {{ item.distanct.distance ? (item.distanct.distance/1000).toFixed(1) : 0 }}KM
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="s-time">
|
|
|
|
- <view>
|
|
|
|
- 营业时间:
|
|
|
|
- <text v-for="(tItem, tInd) in item.deliveryTimeRuleItemList" :key="tInd">
|
|
|
|
- {{ tItem.openTime }} - {{ tItem.closeTime }}{{ tInd == item.deliveryTimeRuleItemList.length - 1 ? '' : ',' }}
|
|
|
|
- </text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="stores-item" v-for="item in stationDataList" @click="viewStore(item)">
|
|
|
|
+ <view class="item-con">
|
|
|
|
+ <image src="/static/md-icon.png" class="item-icon"></image>
|
|
|
|
+ <view class="s-name item-main">{{ item.name }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item-con">
|
|
|
|
+ <image src="/static/dz-icon.png" class="item-icon"></image>
|
|
|
|
+ <view class="s-address item-main">
|
|
|
|
+ <view>{{ item.provinceName }}{{ item.cityName }}{{ item.districtName }}{{ item.address }}</view>
|
|
|
|
+ <view>
|
|
|
|
+ <u-icon name="map-fill" color="#01c9b2" size="30"></u-icon>
|
|
|
|
+ {{ item.distanct.distance ? (item.distanct.distance / 1000).toFixed(1) : 0 }}KM
|
|
|
|
+ <u-icon name="arrow-right" color="#999" size="20"></u-icon>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item-con">
|
|
|
|
+ <image src="/static/time-icon.png" class="item-icon"></image>
|
|
|
|
+ <view class="s-time item-main">
|
|
|
|
+ <view>
|
|
|
|
+ 营业时间:
|
|
|
|
+ <text v-for="(tItem, tInd) in item.deliveryTimeRuleItemList" :key="tInd">
|
|
|
|
+ {{ tItem.openTime }} - {{ tItem.closeTime }}{{ tInd == item.deliveryTimeRuleItemList.length - 1 ? '' : ',' }}
|
|
|
|
+ </text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -237,51 +243,61 @@
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
.content {
|
|
- background: url(../../static/topBg.png) no-repeat top center;
|
|
|
|
- background-size: 100%;
|
|
|
|
|
|
+ // background: url(../../static/topBg.png) no-repeat top center;
|
|
|
|
+ // background-size: 100%;
|
|
width: 100%;
|
|
width: 100%;
|
|
- .nav{
|
|
|
|
|
|
+ .nav {
|
|
margin: 20upx 0;
|
|
margin: 20upx 0;
|
|
border-radius: 15upx;
|
|
border-radius: 15upx;
|
|
box-shadow: 0upx 3upx 6upx #eee;
|
|
box-shadow: 0upx 3upx 6upx #eee;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- .grid-text{
|
|
|
|
|
|
+ .grid-text {
|
|
padding-top: 10upx;
|
|
padding-top: 10upx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .storeList{
|
|
|
|
|
|
+ .storeList {
|
|
padding: 25upx 20upx 20upx;
|
|
padding: 25upx 20upx 20upx;
|
|
- background: #FFFFFF;
|
|
|
|
- border-radius: 15upx;
|
|
|
|
- box-shadow: 0upx 3upx 6upx #eee;
|
|
|
|
- .stores-box{
|
|
|
|
|
|
+ .store-section {
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .stores-box {
|
|
padding-top: 5upx;
|
|
padding-top: 5upx;
|
|
- .stores-item{
|
|
|
|
- border-bottom: 1px solid #F8F8F8;
|
|
|
|
- padding: 20upx 10upx;
|
|
|
|
- &:last-child{
|
|
|
|
|
|
+ .stores-item {
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ border-radius: 15upx;
|
|
|
|
+ box-shadow: 0upx 3upx 6upx #eee;
|
|
|
|
+ border-bottom: 1px solid #f8f8f8;
|
|
|
|
+ padding: 10upx 20upx;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ &:last-child {
|
|
border: 0;
|
|
border: 0;
|
|
}
|
|
}
|
|
- > view{
|
|
|
|
- padding: 10upx 0;
|
|
|
|
|
|
+ .item-con {
|
|
display: flex;
|
|
display: flex;
|
|
- align-items: center;
|
|
|
|
- }
|
|
|
|
- .s-address,.s-time{
|
|
|
|
- justify-content: space-between;
|
|
|
|
- color: #666;
|
|
|
|
- font-size: 24rpx;
|
|
|
|
- }
|
|
|
|
- .s-address{
|
|
|
|
- > view{
|
|
|
|
- &:last-child{
|
|
|
|
- font-size: 24rpx;
|
|
|
|
- width: 30%;
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: flex-end;
|
|
|
|
|
|
+ &:last-child {
|
|
|
|
+ .item-main {
|
|
|
|
+ border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .item-icon {
|
|
|
|
+ width: 34rpx;
|
|
|
|
+ height: 34rpx;
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
+ padding: 18rpx 0;
|
|
|
|
+ }
|
|
|
|
+ .item-main {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ color: #666;
|
|
|
|
+ padding: 18rpx 0;
|
|
|
|
+ border-bottom: 1rpx solid #f2f2f2;
|
|
|
|
+ flex-grow: 1;
|
|
|
|
+ }
|
|
|
|
+ .s-address {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|