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-26 18:06:44 +08:00
parent 0ab586dc2f
commit 2b6340dd15
116 changed files with 4300 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
pages/index/index.vue
View File

@ -6,7 +6,7 @@
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
</view>
<view class="u-flex u-margin-top-8" @click="chooseAddress">
<view class="u-flex u-m-t-8" @click="chooseAddress">
<u-icon name="map" size="32"></u-icon>
请选择收货地址
</view>
@ -22,7 +22,7 @@
<view class="balance bg-white u-flex">
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_balance.png'" width="52" height="52"></u-image>
<view class="u-margin-left-60 u-text-center">
<view class="u-m-l-60 u-text-center">
<view class="nr">0.00</view>
<view class="text-default xs">余额</view>
</view>
@ -30,7 +30,7 @@
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_points.png'" width="52" height="52"></u-image>
<view class="u-margin-left-60 u-text-center">
<view class="u-m-l-60 u-text-center">
<view class="nr">0.00</view>
<view class="text-default xs">积分</view>
</view>
@ -38,7 +38,7 @@
<view class="u-flex u-row-center">
<u-image :src="cloudPath + 'img/icon_coupon.png'" width="52" height="52"></u-image>
<view class="u-margin-left-60 u-text-center">
<view class="u-m-l-60 u-text-center">
<view class="nr">0</view>
<view class="text-default xs u-text-center">券</view>
</view>
@ -65,7 +65,7 @@
</view>
<!-- 活动图 -->
<view class="mx20 u-margin-bottom-64">
<view class="mx20 u-m-b-64">
<u-image :src="cloudPath + 'img/activity.png'" height="264"></u-image>
</view>
</view>

12
pages/login/fastLogin.vue
View File

@ -4,9 +4,9 @@
<view>
<form @submit="doLogin">
<view class="u-flex u-row-between avatar u-margin-top-80">
<view class="u-flex u-row-between avatar u-m-t-80">
<text>头像</text>
<view class="u-flex u-row-between flex1 u-margin-left-30">
<view class="u-flex u-row-between flex1 u-m-l-30">
<button
style="border: none;"
class="u-flex u-row-between w-full"
@ -23,9 +23,9 @@
</view>
</view>
<view class="u-flex u-row-between avatar u-margin-top-80">
<view class="u-flex u-row-between avatar u-m-t-80">
<text>昵称</text>
<view class="u-flex u-row-between flex1 u-margin-left-30">
<view class="u-flex u-row-between flex1 u-m-l-30">
<input
:value="form.nickname"
name="nickname"
@ -38,14 +38,14 @@
</view>
<view class="menu">
<view class="u-margin-bottom-32" >
<view class="u-m-b-32" >
<button form-type="submit" class="submit-btn" hover-class="none" :customStyle="{backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0'}" :hair-line="false" shape="circle">允许</button>
</view>
<u-button hover-class="none" :customStyle="{color: '#000', border: 'none', padding: '16rpx 0'}" :plain="true" :hair-line="false" shape="circle">拒绝</u-button>
</view>
</form>
<view class="u-margin-top-32 u-flex u-row-center">
<view class="u-m-t-32 u-flex u-row-center">
<u-checkbox v-model="form.isAgree" shape="circle" :active-color="themeColor">
<view class="sm row-start">
已阅读并同意

8
pages/login/login.vue
View File

@ -6,12 +6,12 @@
<view class="u-text-center text-gray">
<view>小程序需要登录注册才能使用相关功能，申请获取以下权限</view>
<view class="u-margin-top-20">获得你的公开信息(昵称、头像、手机号码等)</view>
<view class="u-m-t-20">获得你的公开信息(昵称、头像、手机号码等)</view>
</view>
<view class="u-margin-top-56">
<view class="u-m-t-56">
<!-- #ifdef MP -->
<view class="u-margin-bottom-32">
<view class="u-m-b-32">
<u-button @click="mpLogin" hover-class="none" :customStyle="{backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0'}" :hair-line="false" shape="circle">快捷登录</u-button>
</view>
<!-- #endif -->
@ -20,7 +20,7 @@
</view>
</view>
<view class="u-margin-top-32 u-flex u-row-center">
<view class="u-m-t-32 u-flex u-row-center">
<view>
<u-checkbox v-model="form.allow" shape="circle" :active-color="themeColor">
<view class="sm row-start">

4
pages/login/mobileLogin.vue
View File

@ -18,11 +18,11 @@
</u-form>
</view>
<view class="u-margin-top-32">
<view class="u-m-t-32">
<u-button @click="handleLogin" hover-class="none" :customStyle="{backgroundColor: themeColor, color: '#fff', border: 'none', padding: '16rpx 0'}" :hair-line="false" shape="circle">登录/注册</u-button>
</view>
<view class="u-margin-top-32 u-flex u-row-center">
<view class="u-m-t-32 u-flex u-row-center">
<u-checkbox v-model="form.checked" @change="allowProtocol" shape="circle" :active-color="themeColor">
<view class="sm row-start">
已阅读并同意

146
pages/order/order_now.vue Normal file
View File

@ -0,0 +1,146 @@
<template>
<view class="px32">
<view class="bg-white br16 p24 row u-m-t-32">
<view>
<u-image :src="cloudPath + 'img/banner.png'" width="260" height="172"></u-image>
</view>
<view class="ml20 flex1">
<view class="nr bold-600">煎饼果子</view>
<view class="text-999 mt10">周一指周日可用</view>
<view class="mt20 row-between">
<view class="row">
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="40" :secondSize="32"></price-format>
</view>
<view class="u-m-l-8">
<price-format :lineThrough="true" color="#C0C0C0" :subscriptSize="22" :firstSize="24" :secondSize="24" :price="16.9"></price-format>
</view>
</view>
<view class="num nr">X1</view>
</view>
</view>
</view>
<view class="bg-white br16 p24 u-m-t-32">
<view>
备注
</view>
<view class="flex1 u-m-t-16 mask">
xxxx
</view>
</view>
<view class="bg-white br16 p24 u-m-t-32 nr row-between" @click="appointmentTime">
<view>预约时间</view>
<view class="row">
<view class="u-m-r-10">16:00-16:30</view>
<u-icon name="arrow-right" size="32"></u-icon>
</view>
</view>
<!-- #ifdef MP-WEIXIN -->
<view class="bg-white br16 p24 u-m-t-32 nr">
<view class="row-between">
<view class="row-center">
<u-icon name="weixin-circle-fill" color="#28C445" size="80"></u-icon>
<view class="u-m-l-16 lg">微信</view>
</view>
<view class="flex1 row-end">
<u-radio-group v-model="pay.weixin">
<u-radio shape="circle" :active-color="themeColor"></u-radio>
</u-radio-group>
</view>
</view>
</view>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<view class="bg-white br16 p24 u-m-t-32 nr">
<view class="row-between">
<view class="row-center">
<u-icon name="zhifubao-circle-fill" color="#1477FE" size="80"></u-icon>
<view class="u-m-l-16 lg">支付宝</view>
</view>
<view class="flex1 row-end">
<u-radio-group v-model="pay.alipay">
<u-radio shape="circle" :active-color="themeColor"></u-radio>
</u-radio-group>
</view>
</view>
</view>
<!-- #endif -->
<view class="fixed bg-white row-between px48 u-padding-top-20 u-padding-bottom-20">
<view class="column u-text-center">
<view class="row-center">
<text class="count">共1件</text>
<text class="u-m-l-8">合计：</text>
<view class="primary">
<price-format :price="12.9" :subscriptSize="34" :firstSize="56" :secondSize="34"></price-format>
</view>
</view>
</view>
<view class="u-m-l-64 flex1">
<u-button hover-class="none"
:customStyle="{height: '92rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}"
:hair-line="false"
shape="circle">
去支付
</u-button>
</view>
</view>
<appointment-time v-model="timePopup" @close="timePopup = false" @update="handleSubmitMobile"/>
</view>
</template>
<script>
export default {
data(){
return {
timePopup: false,
pay: {
weixin: 0,
alipay: 0
}
}
},
onLoad() {
//#ifdef MP-WEIXIN
this.pay.weixin = 1
//#endif
//#ifdef MP-ALIPAY
this.pay.alipay = 1
//#endif
},
methods: {
appointmentTime() {
this.timePopup = true
}
}
}
</script>
<style lang="scss">
.num {
color: #4E5969;
}
.mask {
color: #86909C;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
.count {
color: #86909C;
}
</style>

18
pages/shop/shop.vue
View File

@ -5,22 +5,22 @@
<u-swiper :list="list" height="500" border-radius="0" mode="number" indicator-pos="bottomRight"></u-swiper>
</view>
<view class="bg-white mx24 px24 u-margin-top-24 u-padding-top-20 u-padding-bottom-20 br24">
<view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24">
<view class="nr">煎饼果子套餐</view>
<view class="mt10 row u-row-between">
<view class="row">
<view class="primary">
<price-format :price="12.9" :subscriptSize="22" :firstSize="34" :secondSize="26"></price-format>
</view>
<view class="sale u-text-center primary u-margin-left-12">0折</view>
<view class="primary u-margin-left-12">
<view class="sale u-text-center primary u-m-l-12">0折</view>
<view class="primary u-m-l-12">
<price-format :lineThrough="true" color="#999" :subscriptSize="22" :firstSize="22" :secondSize="22" :price="16.9"></price-format>
</view>
</view>
<view class="text-999">已售66</view>
</view>
<view class="u-margin-top-20 u-margin-bottom-20">
<view class="u-m-t-20 u-m-b-20">
<u-line color="#eee" />
</view>
<view>
@ -47,15 +47,15 @@
</view>
<view class="u-m-t-24">
<view class="u-margin-left-48 nr">详情</view>
<view class="bg-white mx24 px24 u-margin-top-24 u-padding-top-20 u-padding-bottom-20 br24">
<view class="u-m-l-48 nr">详情</view>
<view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24">
<u-image :src="cloudPath + 'img/banner.png'" height="600"></u-image>
</view>
</view>
<view class="u-m-t-24">
<view class="u-margin-left-48 nr">购买须知</view>
<view class="bg-white mx24 px24 u-margin-top-24 u-padding-top-20 u-padding-bottom-20 br24">
<view class="u-m-l-48 nr">购买须知</view>
<view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24">
这里是购买须知的内容
</view>
</view>
@ -68,7 +68,7 @@
</view>
<view>门店</view>
</view>
<view class="u-margin-left-64 flex1">
<view class="u-m-l-64 flex1">
<u-button hover-class="none"
:customStyle="{height: '92rpx', fontSize: '24rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}"
:hair-line="false"

6
pages/signin/signin.vue
View File

@ -6,7 +6,7 @@
<text class="lg">已经连续签到</text>
<text class="">1天</text>
</view>
<view class="row-between u-margin-top-32 u-margin-left-24 u-margin-right-24">
<view class="row-between u-m-t-32 u-m-l-24 u-m-r-24">
<view class="sigin-day expire column-center">
<view class="date mt10">第一天</view>
<view class="mt10">
@ -63,7 +63,7 @@
<view class="points mt10">x140</view>
</view>
</view>
<view class="u-margin-top-26 signin-btn">
<view class="u-m-t-26 signin-btn">
签到
</view>
</view>
@ -75,7 +75,7 @@
</view>
<view class="ml20">
<view class="bold-600 xs">看广告获取积分</view>
<view class="text-AE xxs u-margin-top-12">每日观看5分钟最高可领取376金币</view>
<view class="text-AE xxs u-m-t-12">每日观看5分钟最高可领取376金币</view>
</view>
</view>

30
pages/store/choose_store.vue
View File

@ -14,18 +14,18 @@
</view>
<view class="store-list">
<view class="block bg-white br24 mx24 u-padding-40 u-margin-bottom-24">
<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-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-16">
<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-margin-top-16">
<view class="row u-m-t-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"/>
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
</view>
</view>
<view class="order row-center">
@ -33,18 +33,18 @@
</view>
</view>
<view class="block bg-white br24 mx24 u-padding-40 u-margin-bottom-24">
<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-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-16">
<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-margin-top-16">
<view class="row u-m-t-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"/>
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
</view>
</view>
<view class="order row-center">
@ -52,18 +52,18 @@
</view>
</view>
<view class="block bg-white br24 mx24 u-padding-40 u-margin-bottom-24">
<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-margin-top-16">00:00-23:59</view>
<view class="row u-margin-top-16">
<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-margin-top-16">
<view class="row u-m-t-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"/>
<u-image class="u-m-l-36" :src="cloudPath + 'img/icon_mobile.png'" width="56" height="56"/>
</view>
</view>
<view class="order row-center">

2
pages/store/store.vue
View File

@ -12,7 +12,7 @@
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
</view>
<view class="u-flex u-margin-top-8" @click="chooseAddress">
<view class="u-flex u-m-t-8" @click="chooseAddress">
<u-icon name="map" size="32"></u-icon>
请选择收货地址
</view>