wangxiaowei/jianbing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成选择门店静态页面

Browse Source
This commit is contained in:
wangxiaowei
2025-04-25 14:38:21 +08:00
parent d85ec0e861
commit b3fbfd4f0f
110 changed files with 2865 additions and 646 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/index/index.vue
View File

@ -2,11 +2,11 @@
<view class="content">
<view class="store u-flex u-row-between u-p-32">
<view>
<view class="lg bold-600 u-flex">
<view class="lg bold-600 u-flex" @click="chooseStore">
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
</view>
<view class="u-flex u-margin-top-8">
<view class="u-flex u-margin-top-8" @click="chooseAddress">
<u-icon name="map" size="32"></u-icon>
请选择收货地址
</view>
@ -65,7 +65,7 @@
</view>
<!-- 活动图 -->
<view class="mx-20 u-margin-bottom-64">
<view class="mx20 u-margin-bottom-64">
<u-image :src="cloudPath + 'img/activity.png'" height="264"></u-image>
</view>
</view>
@ -93,6 +93,20 @@
},
methods: {
// 选择门店
chooseStore() {
uni.navigateTo({
url: '/pages/store/choose_store'
})
},
// 选择收货地址
chooseAddress() {
uni.navigateTo({
url: '/pages/store/choose_store'
})
},
// 签到
signin() {
uni.navigateTo({

128
pages/store/choose_store.vue Normal file
View File

@ -0,0 +1,128 @@
<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-margin-bottom-24">
<view class="info u-line-1">
<view class="lg bold-500">MEET轻食店</view>
<view class="time u-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-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-margin-top-16">
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
<u-image class="u-margin-left-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-margin-bottom-24">
<view class="info u-line-1">
<view class="lg bold-500">MEET轻食店</view>
<view class="time u-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-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-margin-top-16">
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
<u-image class="u-margin-left-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-margin-bottom-24">
<view class="info u-line-1">
<view class="lg bold-500">MEET轻食店</view>
<view class="time u-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-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-margin-top-16">
<u-image :src="cloudPath + 'img/icon_nav.png'" width="56" height="56"/>
<u-image class="u-margin-left-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
</view>
</view>
<view class="order row-center">
去下单
</view>
</view>
</view>
</view>
</template>
<script>
export default {
}
</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>

8
pages/store/store.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>