ww--我的界面预约卡片

pages/mine/home/home.wxml

@@ -245,13 +245,38 @@
                     </view>
                 </view>
                 <!-- 夜间入园预约 -->
-                <!-- <view class="appointment-wrapper">
-                    <view class="appointment-time"></view>
-                </view> -->
+                <view class="appointment-wrapper">
+                    <view class="appointment-time">
+                        <text>7月15日 10:00-12:00</text>
+                    </view>
+                    <view class="appointment-activity-content row align-c con-b">
+                        <view class="appointment-content col con-b">
+                            <view class="appointment-activity-title">
+                                <text>夜间入园预约</text>
+                            </view>
+                            <view class="appointment-activity-num">
+                                <text>预约人数 3人</text>
+                            </view>
+                        </view>
+                        <view class="border-right"></view>
+                        <view class="appointment-subscribe" data-item="{{item}}" bindtap="gohotelAccommodation">预约凭证</view>              
+                    </view>
+                </view>
                 <!-- 看房预约 -->
-                <!-- <view class="appointment-wrapper">
-                    <view class="appointment-time"></view>
-                </view> -->
+                <view class="appointment-wrapper">
+                    <view class="appointment-time">
+                        <text>7月15日 10:00-12:00</text>
+                    </view>
+                    <view class="appointment-activity-content row align-c con-b">
+                        <view class="appointment-content col con-c">
+                            <view class="appointment-activity-title">
+                                <text>看房预约</text>
+                            </view>
+                        </view>
+                        <view class="border-right"></view>
+                        <view class="appointment-subscribe" data-item="{{item}}" bindtap="gohotelAccommodation">预约凭证</view>              
+                    </view>
+                </view>
             </view>
             <!-- more -->
             <view class="more row align-c con-c" bindtap="onShowMoreActivity">

pages/mine/home/home.wxss

@@ -546,6 +546,28 @@
     font-size: 26rpx;
 }
 
+.appointment-content {
+    width: 305rpx;
+    height: 110rpx;
+}
+.border-right {
+    width: 1rpx;
+    height: 75rpx;
+    background-color: #E2E7EF;
+}
+
+.appointment-subscribe {
+    width: 150rpx;
+    height: 70rpx;
+    border: 1px solid #15191f;
+    border-radius: 4px;
+    line-height: 70rpx;
+    text-align: center;
+    font-size: 26rpx;
+    font-weight: 500;
+    color: #15191f;
+}
+
 .more {
     margin-top: 32rpx;
 }