订单详情页

5 years ago · 1212f1685b
1 changed files with 63 additions and 10 deletions
--- a/resources/views/orderdetail.php
+++ b/resources/views/orderdetail.php
@ -1,14 +1,67 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-<head>
-    <meta charset="utf-8">
-    <title>Laravel</title>

+<div id="detail">
+    <!-- 用户信息表格 -->
+    <table class="table table-bordered table-striped">
+        <tbody>
+        <tr>
+            <td class="text-nowrap" scope="col">订单编号：$order_num</td>
+            <td colspan="5">创建时间：333333</td>
+        </tr>
+        <tr>
+            <td class="text-nowrap" scope="row">用户名称：33333</td>
+            <td colspan="5">联系电话：333</td>
+        </tr>
+        <tr>
+            <td class="text-nowrap" scope="row">收货地址：33333</td>
+            <td colspan="5">更新时间：3333</td>
+        </tr>
+        <tr>
+            <td class="text-nowrap" scope="row">预约送达时间：33333</td>


-</head>
-<body >
+        </tr>
+        <tr>
+            <td class="text-nowrap" scope="row">配送距离：3333 km</td>
+            <td colspan="5">配送费：3333 元</td>
+        </tr>
+        <tr>
+            <td class="text-nowrap" scope="col">备注：33333</td>
+            <td class="text-nowrap" scope="col"></td>
+        </tr>
+        </tbody>
+    </table>
+    <!-- 用户信息表格END -->
+    <!-- 店铺 -->
+    <div class="shop-box" v-for="">
+        <div class="alert alert-secondary" role="alert">
+            <img class="shop-logo" src="https://store.lanzu.vip/attachment/zh_cjdianc/2020/06/08/0695939116515895.jpg" alt="店铺logo"/>
+            <span>2222</span>
+        </div>
+         店铺商品
+        <div class="media">
+            <img class="logo-img" src="https://store.lanzu.vip/attachment/zh_cjdianc/2020/06/08/0695939116515895.jpg" class="align-self-center mr-3" alt="商品图片">
+            <div class="media-body">
+                <h5 class="mt-0">2222</h5>
+                <div>
+                    <span class="price">222</span>
+                    <span style="float: right;">X 2222</span>
+                </div>
+                <p class="mb-0" style="color: red;font-size: 1.4rem;">￥222</p>
+            </div>
+        </div>
+    </div>
+    <div class="money">
+        总金额: 111 元
+        &ensp;&ensp;
+        优惠金额: <span style="color: red">-111</span> 元
+        &ensp;&ensp;
+        配送费: <span style="color: green">+1111</span> 元
+        &ensp;&ensp;
+        实付金额: 1111 元

-   <h1>{{$id}}</h1>
-</body>
-</html>
+    </div>
+
+    <!-- 店铺END -->
+</div>
+<script>
+</script>