139 lines
3.7 KiB
Vue
139 lines
3.7 KiB
Vue
<template>
|
|
<view class="store u-relative">
|
|
<view class="store-bg"></view>
|
|
<view class="bg-white row-between address">
|
|
<view class="row u-line-1">
|
|
<view class="tag xs mr10">
|
|
<u-tag text="默认" border-color="#FB5032" bg-color="#FB5032" color="#fff"/>
|
|
</view>
|
|
<view class="u-line-1">浙江省杭州市滨江区缤纷路500号 浙江省杭州市滨江区缤纷路500号</view>
|
|
</view>
|
|
<view>
|
|
<u-icon name="arrow-right" size="32"></u-icon>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="store-list">
|
|
<view class="block bg-white br24 mx24 u-padding-40 u-m-b-24">
|
|
<view class="info u-line-1">
|
|
<view class="lg bold-500">MEET轻食店</view>
|
|
<view class="time u-m-t-16">00:00-23:59</view>
|
|
<view class="row u-m-t-16">
|
|
<view class="text-333">距离:558.58km</view>
|
|
<view class="text-999 ml10 mr10">|</view>
|
|
<view class="text-999 u-line-1 ">湖北省武汉市洪山区珞喻路726号</view>
|
|
</view>
|
|
<view class="row u-m-t-16">
|
|
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
|
|
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
|
|
</view>
|
|
</view>
|
|
<view class="order row-center">
|
|
去下单
|
|
</view>
|
|
</view>
|
|
|
|
<view class="block bg-white br24 mx24 u-padding-40 u-m-b-24">
|
|
<view class="info u-line-1">
|
|
<view class="lg bold-500">MEET轻食店</view>
|
|
<view class="time u-m-t-16">00:00-23:59</view>
|
|
<view class="row u-m-t-16">
|
|
<view class="text-333">距离:558.58km</view>
|
|
<view class="text-999 ml10 mr10">|</view>
|
|
<view class="text-999 u-line-1 ">湖北省武汉市洪山区珞喻路726号</view>
|
|
</view>
|
|
<view class="row u-m-t-16">
|
|
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
|
|
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
|
|
</view>
|
|
</view>
|
|
<view class="order row-center">
|
|
去下单
|
|
</view>
|
|
</view>
|
|
|
|
<view class="block bg-white br24 mx24 u-padding-40 u-m-b-24">
|
|
<view class="info u-line-1">
|
|
<view class="lg bold-500">MEET轻食店</view>
|
|
<view class="time u-m-t-16">00:00-23:59</view>
|
|
<view class="row u-m-t-16">
|
|
<view class="text-333">距离:558.58km</view>
|
|
<view class="text-999 ml10 mr10">|</view>
|
|
<view class="text-999 u-line-1 ">湖北省武汉市洪山区珞喻路726号</view>
|
|
</view>
|
|
<view class="row u-m-t-16">
|
|
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
|
|
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
|
|
</view>
|
|
</view>
|
|
<view class="order row-center">
|
|
去下单
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapActions, mapMutations, mapGetters } from 'vuex'
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
chooseStore() {
|
|
// this.setCityInfo(city);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.store {
|
|
.store-bg {
|
|
background: linear-gradient(180deg, #0CB5F1 0%, rgba(207,235,245,0) 100%);
|
|
height: 420rpx;
|
|
}
|
|
|
|
.address {
|
|
position: absolute;
|
|
top: 24rpx;
|
|
margin: 0 24rpx;
|
|
padding: 0 20rpx;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius: 24rpx;
|
|
height: 128rpx;
|
|
}
|
|
|
|
.store-list {
|
|
position: absolute;
|
|
top: 176rpx;
|
|
left: 0;
|
|
right: 0;
|
|
|
|
.block {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
|
|
.time {color: #ACACAC;}
|
|
|
|
.order::before {
|
|
content: "";
|
|
display: block;
|
|
width: 40rpx;
|
|
height: 210rpx;
|
|
border-left: 4rpx solid #eee;
|
|
margin-left: 10rpx;
|
|
}
|
|
.order {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |