新建recommend分支

依米_發表於2018-05-21

在碼雲上 新分支名 index-recommend 在終端輸入 git pull  然後git checkout index-recommend 然後git status 然後執行專案 npm run dev 

想讓其引用一畫素邊框，在li標籤裡新增class=border-bottom 

為了防止文字溢位

引入 mixins.styl

ellipsis() 
是文字溢位的設定方法

但是發現並不出現省略號

需要在。

.item-info 加上min-width:0

然後迴圈輸出li 標籤 id ,imgurl 

<swiper :options="swiperOption" >

    <swiper-slide v-for="item in swiperList" :key="item.id">
     <img  class="swiper-img" :src="item.imgUrl" >
    </swiper-slide>

    <div class="swiper-pagination"  slot="pagination"></div><!--//顯示分頁的-->
  <!-- 這裡是左右按鍵<div class="swiper-button-prev" slot="button-prev"></div>
  <div class="swiper-button-next" slot="button-next"></div>-->
  <!--這裡是左右滾動條<div class="swiper-scrollbar"   slot="scrollbar"></div>-->
  </swiper>

通過slot向swiper傳參。

然後把程式碼傳送到線上倉庫 git add . 然後 git commit -m 'add recommend' 

相關文章