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

初始化仓库

Browse Source
This commit is contained in:
wangxiaowei
2025-04-30 13:59:26 +08:00
commit f3990f76ef
1034 changed files with 133104 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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-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>
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>

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

@ -0,0 +1,66 @@
<template>
<view class="content">
<view>
<navigator class="header" hover-class="none" url="/pages/goods_search/goods_search">
<u-search placeholder="请输入商品名" :disabled="true"></u-search>
</navigator>
</view>
<view>
<view class="store u-flex u-row-between u-p-32">
<view>
<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-m-t-8" @click="chooseAddress">
<u-icon name="map" size="32"></u-icon>
请选择收货地址
</view>
</view>
<view>
<u-button shape="circle" :hair-line="false" hover-class="none" :customStyle="{backgroundColor: themeColor, color: '#fff', border: 'none', padding: '36rpx'}" @click="signin">自取</u-button>
</view>
</view>
<cate-one :list="cateList"></cate-one>
</view>
</view>
</template>
<script>
import {getCatrgory} from '@/api/store'
export default {
data() {
return {
cateList: [],
keyword: ''
}
},
onLoad() {
this.getCatrgoryFun();
},
methods: {
getCatrgoryFun() {
getCatrgory().then(res => {
if (res.code == 1) {
this.cateList = res.data
}
});
},
}
}
</script>
<style lang="scss">
.store {
background-color: #FFFAFB;
height: 108rpx;
.right-icon {
font-weight: bold;
margin-left: 4rpx;
}
}
</style>