|
@@ -0,0 +1,115 @@
|
|
|
+<view class="all">
|
|
|
+ <view class="ert" bindtap="search">
|
|
|
+ <van-search background="#FF8C00" value="{{ value }}" placeholder="麻辣烫" shape="round" />
|
|
|
+ <van-button color="#FF8C00" class="btn" round type="info" size="mini">搜索</van-button>
|
|
|
+ </view>
|
|
|
+ <view class="card2">
|
|
|
+ <view>
|
|
|
+ <image style="width: 170rpx;height: 170rpx; margin:35rpx 0 0 28rpx;" src="../../images/tupian2.png" mode="" />
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view style="margin:26rpx 0 0 4rpx; font-weight: 500; width: 460rpx;">
|
|
|
+ <text>二食堂二楼麻辣烫麻辣香锅...</text>
|
|
|
+ </view>
|
|
|
+ <view style="font-size: 12px; width: 480rpx;display: flex; margin-top: 10rpx;">
|
|
|
+ <view>
|
|
|
+ <text style="color:#A9A9A9; margin-left: 30rpx;">起送</text>
|
|
|
+ <text style="color: #FF8C00; margin-left: 6rpx;">¥15</text>
|
|
|
+ <text style="color:#A9A9A9; margin-left: 12rpx;">货到付款</text>
|
|
|
+ <text style="color:#A9A9A9; margin-left: 16rpx;">月售</text>
|
|
|
+ <text style="color:#FF8C00; margin-left: 8rpx;">231</text>
|
|
|
+ </view>
|
|
|
+ <view style="margin-left: 20rpx;">
|
|
|
+ <van-tag color="#FF8C00">30分钟</van-tag>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view style="font-size: 10px;display: flex; margin-top: 30rpx;">
|
|
|
+ <view style="margin-left: 30rpx;">公告:</view>
|
|
|
+ <view style="width: 260rpx;">麻辣烫没有麻辣调料辣烫没有麻辣烫调料麻辣烫没有麻辣。</view>
|
|
|
+ <view style="margin-left:40rpx;display: flex;">
|
|
|
+ <image style="width: 32rpx; height: 32rpx;" src="/../images/dianhua.svg" mode="" />
|
|
|
+ <view style="width: 50rpx; height: 34rpx;">
|
|
|
+ <text style="text-align: center; line-height: 34rpx;color: #3CB371;">店家</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+<view>
|
|
|
+ <view class="all1">
|
|
|
+ <template is="card" data="" />
|
|
|
+ <template is="card" data="" />
|
|
|
+ <template is="card3" data="" />
|
|
|
+ <template is="card3" data="" />
|
|
|
+ <template is="card3" data="" />
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+<view class="foot">
|
|
|
+ <view style="display: flex;">
|
|
|
+ <image style="width: 35px;height: 35px; margin: 10rpx 0 0 30rpx;" src="../../images/gouwuchekong.svg" mode="" />
|
|
|
+ <view class="order-money">
|
|
|
+ ¥9.9+20积分
|
|
|
+ <view style="font-size: 10px; font-weight: 400; margin-top: 6rpx;">
|
|
|
+ 共优惠¥10.0
|
|
|
+ <text style="color: #808080; margin-left: 20rpx;">贷款费¥0</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <button class="btn1">去结算</button>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+<view style="width: 100%;height: 86rpx;">
|
|
|
+
|
|
|
+</view>
|
|
|
+
|
|
|
+
|
|
|
+<template name="card">
|
|
|
+ <view class="card1">
|
|
|
+ <view>
|
|
|
+ <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
|
|
|
+ </view>
|
|
|
+ <view style="margin-top: 25rpx;">
|
|
|
+ <view>
|
|
|
+ <text style="font-size: 14px;">麻辣烫微辣</text>
|
|
|
+ <van-tag color="#FF4500" style="margin-left: 10rpx;">优惠商品</van-tag>
|
|
|
+ </view>
|
|
|
+ <view style="margin-bottom: 10rpx;">
|
|
|
+ <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
|
|
|
+ </view>
|
|
|
+ <view style="margin-bottom: 10rpx;">
|
|
|
+ <view style="display: flex;">
|
|
|
+ <text style="font-size: 12px; font-weight: 700;">¥28.80</text>
|
|
|
+ <view style="width: 55px; height: 1px; background-color: #808080; margin-left: -90rpx; margin-top: 14rpx;"></view>
|
|
|
+ <text style="font-size: 12px; margin-left: 245rpx; color: #FF8C00;">限购2份</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;">
|
|
|
+ <view class="order-money">
|
|
|
+ ¥9.9+20积分
|
|
|
+ </view>
|
|
|
+ <van-stepper min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<template name="card3">
|
|
|
+ <view class="card1">
|
|
|
+ <view>
|
|
|
+ <image style="width: 170rpx;height: 170rpx; margin:25rpx 35rpx 0 60rpx ;" src="../../images/tupian2.png" mode="" />
|
|
|
+ </view>
|
|
|
+ <view style="margin-top: 25rpx;">
|
|
|
+ <view>
|
|
|
+ <text style="font-size: 14px;">麻辣烫微辣</text>
|
|
|
+ </view>
|
|
|
+ <view style="margin-bottom: 10rpx;">
|
|
|
+ <text style="color: #D3D3D3; font-size: 12px; margin-bottom: 10rpx;">包含香菜、菠菜、面、豆芽、海带</text>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex; margin-top: 50rpx;">
|
|
|
+ <view class="order-money">
|
|
|
+ ¥9.9
|
|
|
+ </view>
|
|
|
+ <van-stepper class="minus-class" min="0" value="{{ 0 }}" round button-size="20px" input-width="36px" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|