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 14:38:04 +08:00
parent 5297bc0034
commit 6ae3444ed9
138 changed files with 2484 additions and 645 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
pages/shop/shop.vue Normal file
View File

@ -0,0 +1,120 @@
<template>
<view>
<view class="shop">
<view>
<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="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">
<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">
<u-line color="#eee" />
</view>
<view>
<view>
<text>须知</text>
<text class="text-999 ml20">周一至周日可用</text>
</view>
<view class="row-between mt20">
<view>
<text>保障</text>
<text class="text-999 ml20">随时退 过期自动退</text>
</view>
<view>
<u-button @click="mpLogin" hover-class="none"
:customStyle="{width: '116rpx', height: '46rpx', fontSize: '24rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}"
:hair-line="false"
shape="circle">
选规格
</u-button>
</view>
</view>
</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">
<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>
</view>
</view>
<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">
<u-image :src="cloudPath + 'img/icon_store.png'" width="48" height="48"></u-image>
</view>
<view>门店</view>
</view>
<view class="u-margin-left-64 flex1">
<u-button @click="mpLogin" hover-class="none"
:customStyle="{height: '92rpx', fontSize: '24rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}"
:hair-line="false"
shape="circle">
立即购买
</u-button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [
{
image: "http://jianbing-media.stnav.com/frontend/img/banner.png",
title: "昨夜星辰昨夜风，画楼西畔桂堂东",
},
{
image: "http://jianbing-media.stnav.com/frontend/img/banner.png",
title: "身无彩凤双飞翼，心有灵犀一点通",
}
],
}
}
}
</script>
<style lang="scss">
.shop {
padding-bottom: 180rpx;
.sale {
background-color: #FEFBEA;
width: 100rpx;
height: 30rpx;
line-height: 30rpx;
}
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
</style>

8
pages/shop/shop_cart.vue Normal file
View File

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