diff --git a/src/pages.json b/src/pages.json
index 8bdb68e..86449b8 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -29,6 +29,24 @@
 			"root": "subpackage/groupon",
 			"pages": [
 				{
+					"path": "pages/exchange_success",
+					"style": {
+						"navigationBarTitleText": "兑换成功"
+					}
+				},
+				{
+					"path": "pages/confirm_order/ticket",
+					"style": {
+						"navigationBarTitleText": "确认订单"
+					}
+				},
+				{
+					"path": "pages/confirm_order/venue",
+					"style": {
+						"navigationBarTitleText": "确认订单"
+					}
+				},
+				{
 					"path": "pages/stadiums",
 					"style": {
 						"navigationBarTitleText": "选择门店"
diff --git a/src/styles/iconfonts.scss b/src/styles/iconfonts.scss
index ffe2d51..3d95029 100644
--- a/src/styles/iconfonts.scss
+++ b/src/styles/iconfonts.scss
@@ -60,4 +60,28 @@
     }
 }
 
+// iconfont 圆圈打勾成功 icon ()
+@mixin successIcon {
+    @font-face {
+        font-family: 'successIcon';
+        src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALsAAsAAAAABqwAAAKeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBJIEyATYCJAMICwYABCAFhGcHMRvvBREVjHuyLwbsRnmy5N3w5FhG3wjSL7PN0W3CMlJmZu7gedof37kz800mc6kIR4cCIBsJatv8jua2FC8js7gEnsXS7Hc/8fvDmjVSIyVCJDQoiQYImHudG0P1sAEHoEnmiywT7PN/7/gvX8D3+Hf77UV70qKJDyyPsj5Qe1rWiaiTh56Ceq2vAciIZxDAkXSlVPWsuRvXuWDlAoEMdr9AVi9z6eQw9jqJwdCKPYItutcg+7ABtV3dQ2Nv9Hn5gZ09KGw0dlP7RM0Yt786C/RWK6DfcZ2vgz6mABtAA8nAgHR3F1vRSJOkcQwaImmrQeDzxrKCALJrL6L+OrvWGYBgqrsnvWe4VbkCwMBoyACNo8aA9iHDz+0Lh9+2e8nv3Dznt66frR+8PLg+OG0eDw7u7b6yeNxzruW8rpd5R0MPRh0Ti81zZVPFxVNlc39dJRw+VTxX9rfy9pGf9++m3V3n15nSQ9uiA/t16S3bzbasLqe87F+7OtWBB+UAWNePdce//A2/G/Fn0K14eycDwEc85Udx6wYsDPYnCwr8OXsfSDRGCpRp0uuqIoO+GYujkwGLHfX0YazL6w6rgj1e9xm2IyiDxp5IynCJsMGJTNhiTwkcSVJz2AkvS2jEOACSWA8C4e4FxdUVaO7elOE+sOHrB1vu/nDUm8t5TmITY8KAMYLwAqmoK+k6OVK7xPhQBFSX2yKplGbA0s1yZY4V0hQb1DG2mSVIqkuYycewKGpoqM5QsJ4wN45hyKaX6KIutTGCAgxFQOgCpIRaRQZkLn7fEoodFAIEUtsiUVKqHlh0JkDNbRXUcyeXKEcxG2MSkIiUS2CmZ6FCoQaa5lkZJDBdMiLfcBgOSaI2fX1H+WkHAEe2W+VM1djtIAQqpWkAAA==') format('woff2');
+    }
+}
+
+// iconfont 分享箭头 icon ()
+@mixin shareArrow {
+    @font-face {
+        font-family: 'shareArrow';
+        src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKgAAsAAAAABmwAAAJWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcApkfgE2AiQDCAsGAAQgBYRnBzIbvAUR1ZMLZD8SbFvH6Q4cwpONbmzoShDVGtmzuw/AFABUUYDCAKFjSaCAZWTqAmBxzikZoUbyFj36QkqQ5uTzf+/4L6APfP27r9WmPWnRxAdUHtAHay8rirCTeeApqNf6GoCMeAYBHEmnFFVd29yN65KJNcsIxGCPCmTNsmRhbgJ7ncZgaM0ewRbda5B92IDao14Ae6PPy28yxR4UNhq7rX22ZppH3144C/QOawf6Izvm66GPKcAG0EAyYEC6u8utaKSJ1ziGDZG00yDw7YVlBSFk135E/XV2ozMAwVS8J8mTb7WmAG4rQgj33jNqIkjI5tkjx+BltyPcEXH4uN+bN31edsS/au7ozqLLhy5sWBfn9HKd7VTpREn+VOHcxpyriZ0N0bXrFzeENod2qo+OcWsvbKh2oxwA669+pH0QQCAnTd0bcyv+Z+9kAPgyc+ueSFp/DVgU7HcZFvg/1jBINEYGlGmS9LAi5JS6o5MDCzvuyeexHq/7qAv2eI2I2hGUQWNPJGW4RNjgRCZssacEjiRRc9gJL1agEeMAxLKbQHDnNBSu3IbGnceU4d7ABl++wxZ3/sORXnE5z4lYYaaqCAWjBvkHr2oxrsOR2xvadxJUV3ghDU9zsM1ruXbFgjTFhvGxO7MBQzXDRT6GKVVoVAMqnh1zOyyLaXrLrGqejoSCUYP8g1e1mIDMxe+7oX0nQSD1KtPw1D1s8wpQV7NAA3fyyvjYndmAoZrhomdhShVa86yAimc3otgOi0MyqDmvb+dPOwY4YnuVONM19rMz5edFsdME') format('woff2');
+    }
+}
+
+// iconfont 圆圈叹号，注意 icon ()
+@mixin circleExclamation {
+    @font-face {
+        font-family: 'circleExclamation';
+        src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMwAAsAAAAABvwAAALhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBeIIIATYCJAMICwYABCAFhGcHLxtDBsgOJSGRwGBgAEFABNF+v9l7980QT6qdRhYNkURIYpEEkVRJgUYUK+H/5V/1FnKftLJa/8+4p1fOBtkBjuSIzC6C4guv5n8uxy3wA/kg1JwDDyzfGmZjLWsL9wKiHuLtcnXQ1wjUbSrmulvd2AmBF2PSALHcQXGQRsaFysfAWzHKMuepCuW+U7N4Bg/So+tLAE/h9+Mf0sObpFSAmIPzKgKPfsRjD7dl5zIo3mFlvhyue0IJBVZ3Jo6TduUet9i5yk29Tulums/Mgq94p9MXi13/eaIMwptgiiPeE8kl32p4ApmrPwTuRrUiT0RH+M5ZP3aiDZa7Pn0ixNbz5Quy0v35s3za2u3Le1Z6SvIuW1eLAJa7fWYYli/42aL2uZz6suFQ5EFf6+nw3dD3cst6J/bgXb8nyG1ZudNQW1NVv6l/yxDWbBnZNGhzJPFb3o9sGdzksG2RGO9rjrE7BrYMb/E8dX+eF9L8PFqguM7OFPACjPM8+bTrTEwvoHfwmfl8lkdIHsu/GnY65lp8tL4mGrk/Dm62H98YM1+0PWr2XVFyTmH+rkDUDaVAH9xLGYqH376fN8e3vyNBhf+qjQw+6OOnIbWfGlTvSxn85CYHM/SdICvBpIyWlEByaFJ7Qh0t9AG0A76O5Q6+jDdUDb6SumIyhULVNCYTlqGkYRvKqnagbkXV7IZBJm4i1zBvjUHougBJ2ysUup5gMuELlIz4CWVd/6HuLAKWa5gPXCHomKQEjc8gFRsNjDgybLSd8gndmKiydVNhUTkLSktOLXpqqIGKKUZYJnm6lAwxYdSjamk3qtMZkUkYNRTLZEVKU35KCqu7STI26qGCQI2RKAIZNwNRYUYGzEeX+d9rR3ETdMaInphup2Chco0jaZKl9sDUMA29Cu5kFYtJXDpJYhBGMLceUq3IKZ3pNEJM9Z00KExKpoywm+RLQTTWl5m8Plv/aUugDngpsE2hdKlMzKgAAAAA') format('woff2');
+    }
+}
+
 
diff --git a/src/subpackage/groupon/components/confirm_template.vue b/src/subpackage/groupon/components/confirm_template.vue
new file mode 100644
index 0000000..69586a6
--- /dev/null
+++ b/src/subpackage/groupon/components/confirm_template.vue
@@ -0,0 +1,83 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<view class="confirm-template">
+        <view class="ct-stadium">
+            <view class="cs-top">
+                <view class="ct-logo"></view>
+                <view class="ct-name">MJ体育(天空篮球从云店)</view>
+            </view>
+            <view class="cs-detail">地址：白云区从云路822号城市像素6楼（电梯5楼走到6楼）</view>
+        </view>
+        <slot></slot>
+        <view class="ct-fixed">
+            <view class="cf-price">
+                <text class="cp-txt">应付金额：</text> ¥0.00
+            </view>
+            <view class="cf-btn">确认兑换</view>
+        </view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+    .confirm-template{
+        @include isPd(132upx);
+        .ct-stadium{
+            padding: 24upx 46upx;
+            background-color: #fff;
+            .cs-top{
+                @include ctf;
+                .ct-logo{
+                    flex-shrink: 0;
+                    margin-right: 20upx;
+                    width: 36upx;
+                    height: 36upx;
+                    background: skyblue;
+                }
+                .ct-name{
+                    flex-grow: 1;
+                    @include flcw(32upx, 44upx, #333, 500);
+                    @include tHide;
+                }
+            }
+            .cs-detail{
+                margin-top: 24upx;
+                @include flcw(24upx, 34upx, #9A9A9D);
+            }
+        }
+        .ct-fixed{
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            width: 100%;
+            padding: 10upx 24upx;
+            @include isPd(10upx);
+            background-color: #fff;
+            @include ctf;
+            .cf-btn{
+                flex-shrink: 0;
+                flex-grow: 0;
+                margin-left: 12upx;
+                width: 240upx;
+                text-align: center;
+                border-radius: 20upx;
+                background-color: $redColor;
+                @include flcw(32upx, 88upx, #fff);
+            }
+            .cf-price{
+                flex-grow: 1;
+                @include flcw(40upx, 56upx, $redColor, 500);
+                .cp-txt{
+                    @include flcw(28upx, 56upx, #333);
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/subpackage/groupon/components/text_line.vue b/src/subpackage/groupon/components/text_line.vue
new file mode 100644
index 0000000..c67b1cc
--- /dev/null
+++ b/src/subpackage/groupon/components/text_line.vue
@@ -0,0 +1,31 @@
+<script setup>
+const props = defineProps({
+    label: { default: '' }
+})
+
+</script>
+
+<template>
+	<view class="text-line">
+        <view class="tl-label">{{ label }}</view>
+        <view class="tl-value"><slot></slot></view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+.text-line{
+    display: flex;
+    align-items: flex-start;
+    .tl-label{
+        flex-grow: 0;
+        flex-shrink: 0;
+        @include flcw(26upx, 52upx, #9A9A9D);
+    }
+    .tl-value{
+        flex-grow: 1;
+        word-break: break-all;
+        white-space: normal;
+        @include flcw(26upx, 52upx, #333);
+    }
+}
+</style>
diff --git a/src/subpackage/groupon/components/venue_info.vue b/src/subpackage/groupon/components/venue_info.vue
new file mode 100644
index 0000000..bf64164
--- /dev/null
+++ b/src/subpackage/groupon/components/venue_info.vue
@@ -0,0 +1,109 @@
+<script setup>
+import { reactive, ref } from "vue";
+import textLine from "./text_line.vue";
+const isShowSpecificTime = ref(false);
+
+</script>
+
+<template>
+    <slot name="title"></slot>
+    <text-line label="预定项目：">羽毛球</text-line>
+    <text-line label="预定日期：">2019年05月17日(周五)</text-line>
+    <view class="soi-booking-info">
+        <view class="sbi-name">预定场次：</view>
+        <view class="sbi-time-range">
+            <block v-for="(e, i) in 3" :key=i>
+                <view class="str-item">{{ e.name || '几号馆' }} {{ e.time || '时间段' }}</view>
+            </block>
+        </view>
+    </view>
+    <view class="vmm-line" v-if='isShowSpecificTime'>
+        <view>具体场次：</view>
+        <view>
+            <view v-for="(e,i) in 3" :key="i">{{ 'venue_name' }} {{ 'duration' }} ({{ 0 }}元)</view>
+        </view>
+    </view>
+    <view class="soi-fold-btn" @click="isShowSpecificTime = !isShowSpecificTime">
+        <view class="sfb-txt">{{ isShowSpecificTime ? '收起' : '查看具体场次' }}</view>
+        <text class="sfb-icon" :class="[ isShowSpecificTime ? 'rotate' :'' ]">&#xe695;</text>
+    </view>
+    <view class="vvm-total">
+        <view>小计（共{{0}}场）</view>
+        <view>￥{{ 0}}</view>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+    .soi-booking-info{
+        display: flex;
+        .sbi-name{
+            flex-shrink: 0;
+            flex-grow: 0;
+            @include flcw(28upx, 52upx, #9A9A9D);
+        }
+        .sbi-time-range{
+            flex-grow: 1;
+            display: flex;
+            flex-wrap: wrap;
+            .str-item{
+                flex-shrink: 0;
+                margin-right: 12upx;
+                max-width: 500upx;
+                @include flcw(28upx, 52upx, #333);
+                @include tHide;
+            }
+        }
+    }
+    .vmm-line{
+        display: flex;
+        >view{
+            font-size: 28upx;
+            line-height: 52upx;
+            &:first-child{
+                flex-shrink: 0;
+                color: #9a9a9d;
+            }
+            &+view{
+                flex-grow: 1;
+                >view{
+                    width: 100%;
+                    @include flcw(28upx, 52upx, #333);
+                    @include tHide;
+
+                }
+            }
+        }
+    }
+    .soi-fold-btn{
+        padding-bottom: 20upx;
+        margin: 20upx auto 0;
+        @include ctf(center);
+        .sfb-txt{
+            margin-right: 12upx;
+            flex-grow: 0;
+            flex-shrink: 0;
+            @include flcw(24upx, 34upx, #9a9a9d);
+        }
+        @include rightArrow;
+        .sfb-icon{
+            flex-shrink: 0;
+            font-family: rightArrow;
+            font-size: 20upx;
+            color: #9A9A9D;
+            &.rotate{
+                transform: rotateZ(-90deg);
+            }
+        }
+    }
+    .vvm-total{
+        margin-top: 16upx;
+        padding-top: 28upx;
+        border-top: 1px solid #D8D8D8;
+        @include ctf(space-between);
+        >view{
+            max-width: 50%;
+            @include tHide;
+            @include flcw(28upx, 40upx, #333);
+        }
+    }
+</style>
diff --git a/src/subpackage/groupon/pages/confirm_order/ticket.vue b/src/subpackage/groupon/pages/confirm_order/ticket.vue
new file mode 100644
index 0000000..cdaf2a6
--- /dev/null
+++ b/src/subpackage/groupon/pages/confirm_order/ticket.vue
@@ -0,0 +1,111 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+import confirmTemplate from "../../components/confirm_template.vue";
+import ticketItem from "../../components/ticket_item.vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+    <confirm-template>
+        <view class="ticket-info">
+            <view class="ti-content">
+                <view class="tc-tit">产品信息：</view>
+                <view class="tc-price">
+                    <view class="tp-left">单次卡</view>
+                    <view class="tp-right">¥15</view>
+                </view>
+                <view class="tc-time">
+                    <view class="tt-val">有效期至：2020-10-16 15:45:20</view>
+                    <view class="tt-val">x1</view>
+                </view>
+                <view class="tc-line"></view>
+                <view class="tc-ticket-info">
+                    <view class="tti-icon"></view>
+                    <view class="tti-right">
+                        <view class="tr-txt">团购券 <text class="tt-orange">（已选1张）</text> </view>
+                        <view class="tr-price">-¥15</view>
+                    </view>
+                </view>
+                <ticket-item></ticket-item>
+            </view>
+        </view>
+    </confirm-template>
+</template>
+
+<style lang="scss" scoped>
+.ticket-info{
+    padding: 24upx;
+    .ti-content{
+        padding: 24upx;
+        border-radius: 20upx;
+        background-color: #fff;
+        .tc-tit{
+            @include flcw(24upx, 34upx, #333);
+        }
+        .tc-price{
+            margin-top: 10upx;
+            @include ctf(space-between);
+            .tp-left{
+                max-width: 50%;
+                @include tHide;
+                @include flcw(32upx, 52upx, #333, 500);
+            }
+            .tp-right{
+                max-width: 50%;
+                @include tHide;
+                @include flcw(32upx, 52upx, $redColor, 500);
+            }
+        }
+        .tc-time{
+            margin-top: 4upx;
+            @include ctf(space-between);
+            .tt-val{
+                @include flcw(24upx, 52upx, #9a9a9d);
+                @include tHide;
+                &+.tt-val{
+                    margin-left: 10upx;
+                    flex-shrink: 0;
+                    max-width: 30%;
+                }
+            }
+        }
+        .tc-line{
+            margin-top: 16upx;
+            height: 1px;
+            background-color: #EAEAEA;
+        }
+        .tc-ticket-info{
+            margin-top: 14upx;
+            margin-bottom: 36upx;
+            @include ctf;
+            .tti-icon{
+                margin-right: 16upx;
+                flex-shrink: 0;
+                width: 40upx;
+                height: 40upx;
+                background: skyblue;
+            }
+            .tti-right{
+                flex-grow: 1;
+                @include ctf(space-between);
+                .tr-txt{
+                    @include flcw(28upx, 40upx, #333, 500);
+                    @include tHide;
+                    .tt-orange{
+                        @include flcw(24upx, 34upx, #FF873D);
+                    }
+                }
+                .tr-price{
+                    max-width: 30%;
+                    @include flcw(24upx, 34upx, #FF873D);
+                    @include tHide;
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/src/subpackage/groupon/pages/confirm_order/venue.vue b/src/subpackage/groupon/pages/confirm_order/venue.vue
new file mode 100644
index 0000000..4b4189a
--- /dev/null
+++ b/src/subpackage/groupon/pages/confirm_order/venue.vue
@@ -0,0 +1,100 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+import confirmTemplate from "../../components/confirm_template.vue";
+import ticketItem from "../../components/ticket_item.vue";
+import venueInfo from "../../components/venue_info.vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<confirm-template>
+        <view class="venue-confirm">
+            <view class="vc-box">
+                <venue-info>
+                    <template #title>
+                        <view class="vc-title">产品信息：</view>
+                    </template>
+                </venue-info>
+            </view>
+            <view class="vc-box vc-groupon">
+                <view class="vc-title">团购券信息：</view>
+                <ticket-item></ticket-item>
+                <view class="vc-txt">温馨提示：团购券需一次性使用完，一经使用不退不换</view>
+            </view>
+            <view class="vc-box vc-contact">
+                <view class="vc-title">*联系方式：</view>
+                <view class="vc-txt">为了场馆更好地为您服务，请准确填写您的联系方式</view>
+                <view class="vc-phone">
+                    <view class="vp-name">手机号码</view>
+                    <input type="phone" class="vp-ipt" />
+                </view>
+            </view>
+            <view class="vc-box vc-notice">
+                <view class="vc-title">预定须知：</view>
+                <view class="vc-txt">*预定后离开始使用时间不足3小时前的，不可申请退款；另则可退款</view>
+                <view class="vc-txt">*同一订单不支持部分场次退款</view>
+            </view>
+        </view>
+	</confirm-template>
+</template>
+
+<style lang="scss" scoped>
+    .vc-box{
+        padding: 24upx;
+        border-radius: 20upx;
+        background-color: #fff;
+        &+.vc-box{
+            margin-top: 24upx;
+        }
+    }
+    .vc-title{
+        @include flcw(32upx, 44upx, #333, 500);
+    }
+    .vc-txt{
+        @include flcw(24upx, 34upx, #666);
+    }
+    .venue-confirm{
+        padding: 24upx;
+        .vc-groupon{
+            .vc-title{
+                margin-bottom: 24upx;
+            }
+            .vc-txt{
+                margin-top: 12upx;
+            }
+        }
+        .vc-contact{
+            .vc-txt{
+                margin-top: 12upx;
+                color: #9A9A9D;
+            }
+            .vc-phone{
+                margin-top: 16upx;
+                @include ctf;
+                .vp-name{
+                    flex-shrink: 0;
+                    margin-right: 16upx;
+                    @include flcw(24upx, 34upx, #333, 500);
+                }
+                .vp-ipt{
+                    padding: 0 24upx;
+                    width: 252upx;
+                    height: 64upx;
+                    border-radius: 18upx;
+                    background-color: #F3F3F3;
+                    @include flcw(28upx, 40upx, #333, 500);
+                }
+            }
+        }
+        .vc-notice{
+            .vc-txt{
+                margin-top: 12upx;
+            }
+        }
+
+    }
+</style>
diff --git a/src/subpackage/groupon/pages/exchange_success.vue b/src/subpackage/groupon/pages/exchange_success.vue
new file mode 100644
index 0000000..5ff4590
--- /dev/null
+++ b/src/subpackage/groupon/pages/exchange_success.vue
@@ -0,0 +1,165 @@
+<script setup>
+import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref } from "vue";
+import textLine from "../components/text_line.vue";
+onLoad(() => {
+    
+});
+
+</script>
+
+<template>
+	<view class="exchange-success">
+        <view class="es-icon">&#xe655;</view>
+        <view class="es-order-btn">查看订单</view>
+        <view class="es-txt">兑换成功</view>
+        <view class="es-container">
+            <view class="ec-stadium">
+                <view class="es-logo"></view>
+                <view class="es-name">MJ体育(天空篮球从云店)</view>
+            </view>
+            <view class="ec-info">
+                <text-line label="预订项目：">单次卡</text-line>
+                <text-line label="可用票数：">1</text-line>
+                <text-line label="到期时间：">2020-10-16 17:45:20</text-line>
+            </view>
+            <view class="ec-line"></view>
+            <view class="ec-code">
+                <view class="ec-tip">点击二维码可放大查看</view>
+                <image class="ec-img"></image>
+                <view class="ec-txt">
+                    <view class="et-num">验证码：12253 51234</view>
+                    <view class="et-copy">复制</view>
+                </view>
+            </view>
+            <view class="ec-desc">
+                <view class="ed-line">
+                    <view class="el-icon">&#xe61c;</view>
+                    <view class="el-txt">仅支持<text class="green">1人1码</text>进场</view>
+                </view>
+                <view class="ed-line">
+                    <view class="el-icon"></view>
+                    <view class="el-txt">截图的二维码无法正常使用，如需分享请点击“分享给朋友”</view>
+                </view>
+            </view>
+        </view>
+        <view class="es-share">分享给朋友 &#xe6cc;</view>
+	</view>
+</template>
+
+<style lang="scss" scoped>
+    .exchange-success{
+        padding-top: 60upx;
+        @include isPd(24upx);
+        @include successIcon;
+        .es-icon{
+            text-align: center;
+            font-family: successIcon;
+            font-size: 132upx;
+            color: #59B637;
+        }
+        .es-order-btn{
+            position: fixed;
+            right: 0;
+            top: 40upx;
+            padding: 0 34upx;
+            background: #E4E4E4;
+            border-radius: 50upx 0 0 50upx;
+            @include flcw(28upx, 64upx, #666);
+        }
+        .es-txt{
+            margin-top: 30upx;
+            text-align: center;
+            @include flcw(32upx, 44upx, #59B637, 500);
+        }
+        .es-container{
+            padding: 24upx;
+            margin: 28upx auto;
+            width: 702upx;
+            border-radius: 18upx;
+            background-color: #fff;
+            .ec-stadium{
+                @include ctf;
+                .es-logo{
+                    flex-shrink: 0;
+                    margin-right: 20upx;
+                    width: 36upx;
+                    height: 36upx;
+                    background: skyblue;
+                }
+                .es-name{
+                    flex-grow: 1;
+                    @include flcw(32upx, 44upx, #333, 500);
+                    @include tHide;
+                }
+            }
+            .ec-info{
+                margin-top: 20upx;
+                padding: 0 50upx;
+            }
+            .ec-line{
+                margin-top: 32upx;
+                height: 1px;
+                background-color: #EAEAEA;
+            }
+            .ec-code{
+                margin-top: 14upx;
+                .ec-tip{
+                    text-align: center;
+                    @include flcw(24upx, 56upx, #666);
+                }
+                .ec-img{
+                    box-sizing: border-box;
+                    display: block;
+                    margin: 0 auto;
+                    width: 306upx;
+                    height: 306upx;
+                    background-color: skyblue;
+                }
+                .ec-txt{
+                    @include ctf(center);
+                    .et-num{
+                        @include flcw(28upx, 56upx, #333);
+                        @include tHide;
+                    }
+                    .et-copy{
+                        flex-shrink: 0;
+                        margin-left: 16upx;
+                        @include flcw(28upx, 56upx, #4373EC);
+                    }
+                }
+            }
+            .ec-desc{
+                margin-top: 16upx;
+                .ed-line{
+                    display: flex;
+                    align-items: baseline;
+                    @include  circleExclamation;
+                    .el-icon{
+                        min-width: 40upx;
+                        flex-shrink: 0;
+                        font-family: circleExclamation;
+                        @include flcw(24upx, 56upx, #666);
+                    }
+                    .el-txt{
+                        @include flcw(24upx, 56upx, #666);
+                        .green{
+                            color: $mColor;
+                        }
+                    }
+
+                }
+            }
+        }
+        @include shareArrow;
+        .es-share{
+            margin: 126upx auto 0;
+            width: 336upx;
+            text-align: center;
+            border-radius: 20upx;
+            background-color: $redColor;
+            font-family: shareArrow;
+            @include flcw(32upx, 88upx, #fff, 500); 
+        }
+    }
+</style>
diff --git a/src/subpackage/groupon/pages/stadiums.vue b/src/subpackage/groupon/pages/stadiums.vue
index ad49e7a..e671f37 100644
--- a/src/subpackage/groupon/pages/stadiums.vue
+++ b/src/subpackage/groupon/pages/stadiums.vue
@@ -9,14 +9,121 @@ onLoad(() => {
 </script>
 
 <template>
-	<view class="stadium-select">
+    <view class="stadium-select">
         <search-bar></search-bar>
-        123
-	</view>
+        <view class="stadium-ls">
+            <view class="sl-item" v-for="i in 3" :key="i">
+                <view class="si-info">
+                    <view class="si-top">
+                        <view class="st-logo"></view>
+                        <view class="st-name">MJ体育(天空篮球从云店)</view>
+                    </view>
+                    <view class="si-line">
+                        <view class="sl-icon">&#xe60f;</view>
+                        <view class="sl-txt">周一、周日09:05-12:00，14:30-24；周二、周四、周五...</view>
+                    </view>
+                    <view class="si-line">
+                        <view class="sl-icon">&#xe600;</view>
+                        <view class="sl-txt">白云区从云路822号城市像素6楼（电梯5楼走到6楼）</view>
+                    </view>
+                </view>
+                <view class="si-right">
+                    <view class="sr-txt">去核销</view>
+                    <view class="sr-icons">
+                        <view class="si-item">&#xe605;</view>
+                        <view class="si-item">&#xe672;</view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
 </template>
 
 <style lang="scss" scoped>
 .stadium-select{
+    .stadium-ls{
+        padding: 24upx;
+        @include isPd(24upx);
+        .sl-item{
+            padding: 24upx;
+            border-radius: 20upx;
+            background: #fff;
+            @include ctf;
+            &+.sl-item{
+                margin-top: 24upx;
+            }
+            .si-info{
+                flex-grow: 1;
+                padding-right: 32upx;
+                border-right: 1px solid #EAEAEA;
+                .si-top{
+                    margin-bottom: 22upx;
+                    @include ctf;
+                    .st-logo{
+                        flex-shrink: 0;
+                        margin-right: 20upx;
+                        width: 36upx;
+                        height: 36upx;
+                        background: skyblue;
+                    }
+                    .st-name{
+                        flex-grow: 1;
+                        @include flcw(32upx, 44upx, #333, 500);
+                        @include tHide;
+                    }
+                }
+                .si-line{
+                    display: flex;
+                    &+ .si-line{
+                        margin-top: 16upx;
+                    }
+                    @include locationIcon;
+                    @include clockIcon;
+                    .sl-icon{
+                        margin-right: 12upx;
+                        flex-shrink: 0;
+                        flex-grow: 0;
+                        width: 34upx;
+                        height: 34upx;
+                        font-family: locationIcon, clockIcon;
+                        font-size: 28upx;
+                        color: #9A9A9D;
+                    }
+                    .sl-txt{
+                        @include flcw(24upx, 34upx, #9A9A9D);
+                    }
 
+                }
+            }
+            .si-right{
+                flex-shrink: 0;
+                padding-left: 30upx;
+                padding-right: 12upx;
+                .sr-icons{
+                    margin-top: 12upx;
+                    @include ctf(center);
+                    @include phoneIcon;
+                    @include navigationIcon;
+                    .si-item{
+                        margin: 0 12upx;
+                        width: 36upx;
+                        height: 36upx;
+                        text-align: center;
+                        line-height: 36upx;
+                        border-radius: 50%;
+                        font-family: phoneIcon, navigationIcon;
+                        font-size: 24upx;
+                        background-color: rgba($color: #FE2B54, $alpha: .05);
+                        color: #FE2B54;
+                    }
+                }
+                .sr-txt{
+                    text-align: center;
+                    @include flcw(24upx, 34upx, #666);
+                }
+            }
+            
+        }
+    }
 }
 </style>
diff --git a/src/uni.scss b/src/uni.scss
index ec5f593..15fd4c1 100644
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -3,3 +3,4 @@
 
 /* uniapp 全局样式 */
 $mColor: #009874;
+$redColor: #FE2B54;