feat: 添加 banner 图片

da2c7e33 · 无尘 · a2bb4262 · da2c7e33 · a2bb4262 · da2c7e33
Commit da2c7e33 authored Mar 15, 2019 by 无尘
18 changed files
--- a/dist/css/chunk-68b3e3f6.0299822c.css
+++ b/dist/css/chunk-68b3e3f6.0299822c.css
--- a/dist/img/banner.82dc105e.png
+++ b/dist/img/banner.82dc105e.png
--- a/dist/img/child.0a8f5b08.jpg
+++ b/dist/img/child.0a8f5b08.jpg
--- a/dist/img/leding.a35f0be5.png
+++ b/dist/img/leding.a35f0be5.png
--- a/dist/img/man.a8dae250.png
+++ b/dist/img/man.a8dae250.png
--- a/dist/img/woman.0c2d3667.jpg
+++ b/dist/img/woman.0c2d3667.jpg
--- a/dist/index.html
+++ b/dist/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-147e9f28.4b8e5a29.css rel=prefetch><link href=css/chunk-5e060452.3de220c3.css rel=prefetch><link href=css/chunk-68b3e3f6.0299822c.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-92dcb1a4.3e1bd07d.css rel=prefetch><link href=js/chunk-147e9f28.0ea66d79.js rel=prefetch><link href=js/chunk-5e060452.68d27a95.js rel=prefetch><link href=js/chunk-68b3e3f6.d6b20128.js rel=prefetch><link href=js/chunk-779e6e30.d2885a07.js rel=prefetch><link href=js/chunk-92dcb1a4.a789b831.js rel=prefetch><link href=css/app.fb383989.css rel=preload as=style><link href=js/app.99bd0575.js rel=preload as=script><link href=js/chunk-vendors.dfa201dc.js rel=preload as=script><link href=css/app.fb383989.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.dfa201dc.js></script><script src=js/app.99bd0575.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-147e9f28.4b8e5a29.css rel=prefetch><link href=css/chunk-5e060452.3de220c3.css rel=prefetch><link href=css/chunk-764dcbba.0299822c.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-92dcb1a4.3e1bd07d.css rel=prefetch><link href=js/chunk-147e9f28.0ea66d79.js rel=prefetch><link href=js/chunk-5e060452.68d27a95.js rel=prefetch><link href=js/chunk-764dcbba.f15eb98a.js rel=prefetch><link href=js/chunk-779e6e30.d2885a07.js rel=prefetch><link href=js/chunk-92dcb1a4.a789b831.js rel=prefetch><link href=css/app.fb383989.css rel=preload as=style><link href=js/app.26c7b7bf.js rel=preload as=script><link href=js/chunk-vendors.dfa201dc.js rel=preload as=script><link href=css/app.fb383989.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.dfa201dc.js></script><script src=js/app.26c7b7bf.js></script></body></html>
\ No newline at end of file
--- a/dist/js/app.99bd0575.js
+++ b/dist/js/app.99bd0575.js
--- a/dist/js/app.99bd0575.js.map
+++ b/dist/js/app.99bd0575.js.map
--- a/dist/js/chunk-68b3e3f6.d6b20128.js
+++ b/dist/js/chunk-68b3e3f6.d6b20128.js
--- a/dist/js/chunk-68b3e3f6.d6b20128.js.map
+++ b/dist/js/chunk-68b3e3f6.d6b20128.js.map
--- a/dist/js/chunk-764dcbba.f15eb98a.js
+++ b/dist/js/chunk-764dcbba.f15eb98a.js
--- a/dist/js/chunk-764dcbba.f15eb98a.js.map
+++ b/dist/js/chunk-764dcbba.f15eb98a.js.map
--- a/src/assets/images/child.jpg
+++ b/src/assets/images/child.jpg
--- a/src/assets/images/leding.png
+++ b/src/assets/images/leding.png
--- a/src/assets/images/man.png
+++ b/src/assets/images/man.png
--- a/src/assets/images/woman.jpg
+++ b/src/assets/images/woman.jpg
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -34,8 +34,8 @@
    <section>
      <div class="clique-swiper">
        <van-swipe class="goods-swipe" :autoplay="3000"  indicator-color="#232326">
-          <van-swipe-item v-for="(thumb, index) in banners.thumb" :key="thumb+index">
-            <img :src="thumb" alt="img" style="width: 100%;"/>
+          <van-swipe-item v-for="(item, index) in banners" :key="'banner'+index">
+            <img :src="item.banner" alt="img" style="width: 100%;" @click="toUrl(item.url)"/>
          </van-swipe-item>
        </van-swipe>
      </div>
@@ -95,16 +95,24 @@ export default {
        cardFlag: false, // 是否有集团卡
        enterpriseId: '' // 企业 id
      },
-      banners: {
-        title: 'test',
-        price: 2680,
-        express: '免运费',
-        remain: 19,
-        thumb: [
-          require('../../assets/images/banner.png'),
-          require('../../assets/images/banner.png')
-        ]
-      },
+      banners: [
+        {
+          banner: require('../../assets/images/leding.png'),
+          url: 'https://m.ezrpro.cn/home/139'
+        },
+        {
+          banner: require('../../assets/images/man.png'),
+          url: ''
+        },
+        {
+          banner: require('../../assets/images/woman.jpg'),
+          url: ''
+        },
+        {
+          banner: require('../../assets/images/child.jpg'),
+          url: ''
+        }
+      ],

      brandList: [
        {
@@ -164,6 +172,16 @@ export default {
    },

    /**
+     * banner 跳转
+     */
+    toUrl(url) {
+      let that = this;
+      if (!!url) {
+        window.open(url);
+      }
+    },
+
+    /**
     * 显示公众号二维码弹窗
     */
    showDialog(item) {