Ana Sayfa Keşfet Yardım
Giriş Yap
front_end
/
mayou
2
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

分类：静态

panyong 3 yıl önce
ebeveyn
dfeb61e3e0
işleme
7de186955c
4 değiştirilmiş dosya ile 89 ekleme ve 12 silme
Birleşik Görünüm Farklılık Durumunu Göster
  1. 1 0
      htmldev/cps/public/index.html
  2. 76 0
      htmldev/cps/src/views/category/detail/child/banner/index.vue
  3. 10 2
      htmldev/cps/src/views/category/detail/index.vue
  4. 2 10
      htmldev/cps/src/views/category/index/child/main.vue

+ 1 - 0
htmldev/cps/public/index.html
Dosyayı Görüntüle 

@@ -10,6 +10,7 @@
 
   <meta http-equiv="Pragma" content="no-cache"/>
 
   <meta http-equiv="Pragma" content="no-cache"/>
 
   <meta http-equiv="Expires" content="0"/>
 
   <meta http-equiv="Expires" content="0"/>
 
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+  <link rel="stylesheet" href="//unpkg.com/swiper@4.3.5/dist/css/swiper.min.css">
 
   <title>返不停</title>
 
   <title>返不停</title>
 
 </head>
 
 </head>
 
 <body>
 
 <body>

+ 76 - 0
htmldev/cps/src/views/category/detail/child/banner/index.vue
Dosyayı Görüntüle 

@@ -0,0 +1,76 @@
 
+<template>
 
+  <swiper class="fbt-swiper-container"
 
+          :class="{'swiper-no-swiping': arrBanner.length === 1}"
 
+          :options="fbtSWOptions"
 
+          v-if="arrBanner.length">
 
+    <swiper-slide v-for="(item, index) in arrBanner"
 
+                  :key="index">
 
+      <img class="banner"
 
+           :src="item"
 
+           alt="">
 
+    </swiper-slide>
 
+    <div class="sw-pagination"
 
+         slot="pagination"
 
+         :style="{visibility: arrBanner.length <= 1 ? 'hidden' : 'visible'}"></div>
 
+  </swiper>
 
+</template>
 
+
 
+<script>
 
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
 
+
 
+export default {
 
+  name: 'banner',
 
+  components: {
 
+    swiper,
 
+    swiperSlide
 
+  },
 
+  computed: {
 
+    fbtSWOptions () {
 
+      return {
 
+        // loop: true,
 
+        // autoplay: this.arrBanner.length > 1,
 
+        autoplay: false,
 
+        pagination: {
 
+          el: '.sw-pagination',
 
+          clickable: true
 
+        }
 
+      }
 
+    },
 
+    arrBanner () {
 
+      return ['http://p1.music.126.net/uuO0NVbTBmvumV6Qa-ExJw==/109951166598780468.jpg?imageView&quality=89', 'http://p1.music.126.net/2gK-S1egQdDTMgs8zTzmFg==/109951166598932300.jpg?imageView&quality=89']
 
+    }
 
+  }
 
+}
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.fbt-swiper-container {
 
+  .banner {
 
+    display: block;
 
+    width: 100%;
 
+    // height: 357px;
 
+  }
 
+
 
+  ::v-deep .sw-pagination {
 
+    position: absolute;
 
+    bottom: 20px;
 
+    z-index: 1;
 
+    text-align: center;
 
+
 
+    .swiper-pagination-bullet {
 
+      margin: 0 6px !important;
 
+    }
 
+
 
+    .swiper-pagination-bullet {
 
+      width: 12px;
 
+      height: 12px;
 
+      opacity: 1;
 
+      background: #fff;
 
+    }
 
+
 
+    .swiper-pagination-bullet-active {
 
+      background: #D8D8D8;
 
+    }
 
+  }
 
+}
 
+</style>

+ 10 - 2
htmldev/cps/src/views/category/detail/index.vue
Dosyayı Görüntüle 

@@ -1,10 +1,18 @@
 
 <template>
 
 <template>
 
-  <div>分类</div>
 
+  <div>
 
+    <!--轮播图-->
 
+    <Banner/>
 
+  </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
+import Banner from './child/banner'
 
+
 
 export default {
 
 export default {
 
-  name: 'index'
 
+  name: 'index',
 
+  components: {
 
+    Banner
 
+  }
 
 }
 
 }
 
 </script>
 
 </script>

+ 2 - 10
htmldev/cps/src/views/category/index/child/main.vue
Dosyayı Görüntüle 

@@ -80,7 +80,7 @@
 
 <script>
 
 <script>
 
 import BScroll from 'better-scroll'
 
 import BScroll from 'better-scroll'
 
 import { Toast, Loading } from 'vant'
 
 import { Toast, Loading } from 'vant'
 
-import { apiOrderList, apiOrderDetail } from '../../../order/api/api'
 
+import { apiOrderList } from '../../../order/api/api'
 
 
 
 export default {
 
 export default {
 
   components: {
 
   components: {
 
@@ -123,7 +123,6 @@ export default {
 
     this.$route.meta.isUseCache = false
 
     this.$route.meta.isUseCache = false
 
   },
 
   },
 
   methods: {
 
   methods: {
 
-    goDetail (id) {},
 
     onRefresh () {
 
     onRefresh () {
 
       this.pagenum = 0
 
       this.pagenum = 0
 
       this.pagesize = 20
 
       this.pagesize = 20
 
@@ -207,14 +206,7 @@ export default {
 
       }
 
       }
 
     },
 
     },
 
     async getOrderDetail (id) {
 
     async getOrderDetail (id) {
 
-      try {
 
-        const { status, data, msg } = await apiOrderDetail(id)
 
-        if (status) {
 
-          this.$emit('setOrderDetail', data)
 
-        } else {
 
-          Toast(msg)
 
-        }
 
-      } catch (err) {}
 
+      this.$router.push({ name: 'CategoryDetail' })
 
     }
 
     }
 
   },
 
   },
 
   beforeDestroy () {
 
   beforeDestroy () {