no message

src/components/trip/block/allDay.vue

@@ -2,6 +2,8 @@
     <div class="block-item">
         <!-- transition-prev="scale"
                 transition-next="scale" -->
+                <!-- transition-prev="slide-right" 
+                transition-next="slide-left"  -->
         <q-carousel v-model="slide" 
                 transition-prev="slide-right" 
                 transition-next="slide-left" 
@@ -11,8 +13,7 @@
                 control-type="regular"
                 :arrows="day.details.length>0?false:false"
                 control-text-color="primary"
-                thumbnails
-                infinite
+                ref="carousel"
                 >
                 <template v-for="(x, i) in day.details">
                     <q-carousel-slide :name="i" class="column no-wrap">
@@ -98,7 +99,24 @@
                         </div>
                     </q-carousel-slide>
                 </template>
-                
+                <template v-slot:control>
+                  <template v-if="day.details.length>1">
+                    <q-carousel-control
+                    position="top-right"
+                    :offset="[18,88]"
+                    class="q-gutter-xs"
+                  >
+                    <q-btn
+                      push round dense color="primary" text-color="while" icon="arrow_left"
+                      @click="$refs.carousel.previous()"
+                    />
+                    <q-btn
+                      push round dense color="primary" text-color="while" icon="arrow_right"
+                      @click="$refs.carousel.next()"
+                    />
+                  </q-carousel-control>
+                  </template>
+                </template>
             </q-carousel>
     </div>
   </template>
@@ -111,7 +129,7 @@
     data() {
         return {
             slide: 0,
-            lorem: ''
+            autoplay: 0,
         }
     },
     mounted() {},

src/components/trip/block/index.vue

 <style scoped>
     @import url('../../../assets/trip/block/index.css');
+    .fz15{
+        font-size: 15px;
+    }
+    .fz28{
+        font-size: 28px;
+    }
 </style>
 <template>
     <div class="trip-box">
@@ -21,6 +27,13 @@
             </template>
             <template v-else>
                 <div :id="`days_${i}`">
+                    <div class="bg-grey-3 q-px-lg q-py-md">
+                        <div>
+                            <div class="fz28 text-red">第 <span class="fz28" style="font-weight: bold;"><span v-if='item.dayNum<10'>0</span>{{item.dayNum}}</span> 天</div>
+                            <!-- <p>{{item.dateTime}}</p> -->
+                        </div>
+                        <div class="fz15 q-py-sm text-grey-8" v-html="item.title"></div>
+                    </div>
                     <allDay :day='item' :isDirect="isDirect"></allDay>
                 </div>
             </template>