{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/childComps/listthird.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/childComps/listthird.vue","mtime":1620200133603},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IHsgdmlkZW9QbGF5ZXIgfSBmcm9tICJ2dWUtdmlkZW8tcGxheWVyIjsKaW1wb3J0ICJ2aWRlby5qcy9kaXN0L3ZpZGVvLWpzLmNzcyI7CmltcG9ydCBzY3JvbGwgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9TY3JvbGwvU2Nyb2xsIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiSG9tZVZlZGlvVmlldyIsCiAgY29tcG9uZW50czogewogICAgTmF2QmFyLAogICAgdmlkZW9QbGF5ZXIsCiAgICBzY3JvbGwKICB9LAogIG1ldGhvZHM6IHsKICAgIGJhY2tDbGljaygpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9ob21lIik7CiAgICB9LAogICAgaXRlbUNsaWNrKGluZGV4KSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvZGV0YWlsLyIgKyBpbmRleCk7CiAgICB9LAogICAgbG9hZE1vcmUoKSB7CiAgICAgIHRoaXMuJHJlZnMuc2Nyb2xsLnJlZnJlc2goKTsKICAgIH0sCiAgICBwdWxsaW5nRG93bigpIHsKICAgICAgdGhpcy5wdWxsaW5nZG93biA9IHRydWU7CiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRoaXMucHVsbGluZ2Rvd24gPSBmYWxzZTsKICAgICAgICB0aGlzLiRyZWZzLnNjcm9sbC5maW5pc2hQdWxsRG93bigpOwogICAgICB9LCAwKTsKICAgIH0sCiAgICBjb21wdXRlcmhlaWdodCgpIHsKICAgICAgdGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCgpOwogICAgfQogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHBsYXllck9wdGlvbnM6IHsKICAgICAgICBwbGF5YmFja1JhdGVzOiBbMC43LCAxLjAsIDEuNSwgMi4wXSwgLy/mkq3mlL7pgJ/luqYKICAgICAgICBhdXRvcGxheTogdHJ1ZSwgLy/lpoLmnpx0cnVlLOa1j+iniOWZqOWHhuWkh+WlveaXtuW8gOWni+WbnuaUvuOAggogICAgICAgIG11dGVkOiBmYWxzZSwgLy8g6buY6K6k5oOF5Ya15LiL5bCG5Lya5raI6Zmk5Lu75L2V6Z+z6aKR44CCCiAgICAgICAgbG9vcDogZmFsc2UsIC8vIOWvvOiHtOinhumikeS4gOe7k+adn+WwsemHjeaWsOW8gOWni+OAggogICAgICAgIHByZWxvYWQ6ICJhdXRvIiwgLy8g5bu66K6u5rWP6KeI5Zmo5ZyoPHZpZGVvPuWKoOi9veWFg+e0oOWQjuaYr+WQpuW6lOivpeW8gOWni+S4i+i9veinhumikeaVsOaNruOAgmF1dG/mtY/op4jlmajpgInmi6nmnIDkvbPooYzkuLos56uL5Y2z5byA5aeL5Yqg6L296KeG6aKR77yI5aaC5p6c5rWP6KeI5Zmo5pSv5oyB77yJCiAgICAgICAgbGFuZ3VhZ2U6ICJ6aC1DTiIsCiAgICAgICAgYXNwZWN0UmF0aW86ICIxNjo5IiwgLy8g5bCG5pKt5pS+5Zmo572u5LqO5rWB55WF5qih5byP77yM5bm25Zyo6K6h566X5pKt5pS+5Zmo55qE5Yqo5oCB5aSn5bCP5pe25L2/55So6K+l5YC844CC5YC85bqU6K+l5Luj6KGo5LiA5Liq5q+U5L6LIC0g55So5YaS5Y+35YiG6ZqU55qE5Lik5Liq5pWw5a2X77yI5L6L5aaCIjE2Ojki5oiWIjQ6MyLvvIkKICAgICAgICBmbHVpZDogdHJ1ZSwgLy8g5b2TdHJ1ZeaXtu+8jFZpZGVvLmpzIHBsYXllcuWwhuaLpeaciea1geS9k+Wkp+Wwj+OAguaNouWPpeivneivtO+8jOWug+WwhuaMieavlOS+i+e8qeaUvuS7pemAguW6lOWFtuWuueWZqOOAggogICAgICAgIHNvdXJjZXM6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdHlwZTogInZpZGVvL21wNCIsCiAgICAgICAgICAgIHNyYzogImh0dHA6Ly80Ny4xMDguMTUzLjMwOjc4NzgvdmVkaW8vdmVkaW8ubXA0IgogICAgICAgICAgfQogICAgICAgIF0sCiAgICAgICAgcG9zdGVyOiAiQC9hc3NldHMvaW1nL2NhcnQvbG9nby5qcGciLCAvL+S9oOeahOWwgemdouWcsOWdgAogICAgICAgIC8vIHdpZHRoOiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgsCiAgICAgICAgbm90U3VwcG9ydGVkTWVzc2FnZTogIuatpOinhumikeaaguaXoOazleaSreaUvu+8jOivt+eojeWQjuWGjeivlSIsIC8v5YWB6K646KaG55uWVmlkZW8uanPml6Dms5Xmkq3mlL7lqpLkvZPmupDml7bmmL7npLrnmoTpu5jorqTkv6Hmga/jgIIKICAgICAgICBjb250cm9sQmFyOiB7CiAgICAgICAgICB0aW1lRGl2aWRlcjogdHJ1ZSwKICAgICAgICAgIGR1cmF0aW9uRGlzcGxheTogdHJ1ZSwKICAgICAgICAgIHJlbWFpbmluZ1RpbWVEaXNwbGF5OiBmYWxzZSwKICAgICAgICAgIGZ1bGxzY3JlZW5Ub2dnbGU6IHRydWUgLy/lhajlsY/mjInpkq4KICAgICAgICB9CiAgICAgIH0KICAgIH07CiAgfSwKICBtb3VudGVkKCkge30sCiAgY3JlYXRlZCgpIHsKICAgIC8vICBjb25zdCBvYnV0dG9uID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiLnZpZGVvLWpzIC52anMtYmlnLXBsYXktYnV0dG9uIik7CiAgICAvLyAgY29uc29sZS5sb2cob2J1dHRvbik7CiAgICAvLyAgIG9idXR0b24uc3R5bGUudG9wID0gIjUwJSI7CiAgICAvLyAgIG9idXR0b24uc3R5bGUubGVmdCA9ICI1MCUiOwogICAgLy8gICBvYnV0dG9uLnN0eWxlLnRyYW5zZm9ybSA9ICJ0cmFuc2xhdGUoLTUwJSwtNTAlKSI7CiAgfQp9Owo="},{"version":3,"sources":["listthird.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"listthird.vue","sourceRoot":"src/views/home/childComps","sourcesContent":["<template>\n  <div class=\"HomeVedio\">\n    <NavBar class=\"nav-bar\">\n      <div slot=\"left\" class=\"back\" @click=\"backClick\">\n        <img src=\"@/assets/img/home/back.svg\" alt=\"\" />\n      </div>\n      <div slot=\"center\">洋酒</div>\n    </NavBar>\n    <scroll\n      class=\"content\"\n      ref=\"scroll\"\n      :probe-type=\"3\"\n      :pull-up-load=\"true\"\n      @pullingUp=\"loadMore\"\n      @pullingDown=\"pullingDown\"\n    >\n      <div>\n        <videoPlayer\n          class=\"video-player vjs-custom-skin\"\n          ref=\"videoPlayer\"\n          :playsinline=\"true\"\n          :options=\"playerOptions\"\n        ></videoPlayer>\n        <div class=\"list\">\n          <div class=\"list-left\">\n            <img\n              src=\"@/assets/img/advpicture/7.jpeg\"\n              alt=\"\"\n              @load=\"computerheight\"\n            />\n          </div>\n          <div class=\"list-right\">\n            <img src=\"@/assets/img/advpicture/8.jpeg\" alt=\"\" />\n            <img src=\"@/assets/img/advpicture/9.jpeg\" alt=\"\" />\n          </div>\n        </div>\n        <div class=\"recTitle\">\n          <div class=\"line\"></div>\n          <div class=\"title\">精品推荐</div>\n        </div>\n        <van-swipe-cell>\n          <van-card\n            price=\"108.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"40°法国马爹利名士干邑白兰地700ml\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list6.jpeg\"\n            @click=\"itemClick(6)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"69.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"39°孔府家孔孟洞藏先师酒500ml\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list1.jpeg\"\n            @click=\"itemClick(1)\"\n          />\n        </van-swipe-cell>\n                <van-swipe-cell>\n          <van-card\n            price=\"419.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"【限量供应】53°郑酒师大师手作 酱香型白酒 贵州茅台镇 固态纯粮 单坛装2500ml\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list9.jpeg\"\n            @click=\"itemClick(9)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"98.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"法国詹姆斯公爵精选干红葡萄酒750ml（12瓶）+酒具大礼包\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list10.jpeg\"\n            @click=\"itemClick(10)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"119.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"53度贵州迎宾酒豪华版500ml（6瓶\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list3.jpeg\"\n            @click=\"itemClick(3)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"219.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"洋河大曲 42度 整箱装 375ml*6瓶（内含3个礼袋）口感绵柔浓香型白酒\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list4.jpeg\"\n            @click=\"itemClick(4)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"288.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"澳洲整箱红酒澳大利亚奔富洛神山庄赤霞珠红葡萄酒750ml（6瓶装）\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list2.jpeg\"\n            @click=\"itemClick(2)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"139.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"法国詹姆斯公爵精选干红葡萄酒750ml（12瓶）+酒具大礼包\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list5.jpeg\"\n            @click=\"itemClick(5)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"369.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"52°水井坊·（三国义勇仁）井台简装版500ml\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list7.jpeg\"\n            @click=\"itemClick(7)\"\n          />\n        </van-swipe-cell>\n        <van-swipe-cell>\n          <van-card\n            price=\"499.00\"\n            desc=\"精品推荐，值得一尝\"\n            title=\"法国菲利普罗斯柴尔德男爵波尔多红葡萄酒750ml（6瓶装）\"\n            class=\"goods-card\"\n            thumb=\"http://47.108.153.30:7878/shop/list8.jpeg\"\n            @click=\"itemClick(8)\"\n          />\n        </van-swipe-cell>\n      </div>\n    </scroll>\n  </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport { videoPlayer } from \"vue-video-player\";\nimport \"video.js/dist/video-js.css\";\nimport scroll from \"@/components/common/Scroll/Scroll\";\n\nexport default {\n  name: \"HomeVedioView\",\n  components: {\n    NavBar,\n    videoPlayer,\n    scroll\n  },\n  methods: {\n    backClick() {\n      this.$router.push(\"/home\");\n    },\n    itemClick(index) {\n      this.$router.push(\"/detail/\" + index);\n    },\n    loadMore() {\n      this.$refs.scroll.refresh();\n    },\n    pullingDown() {\n      this.pullingdown = true;\n      setTimeout(() => {\n        this.pullingdown = false;\n        this.$refs.scroll.finishPullDown();\n      }, 0);\n    },\n    computerheight() {\n      this.$refs.scroll.refresh();\n    }\n  },\n  data() {\n    return {\n      playerOptions: {\n        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度\n        autoplay: true, //如果true,浏览器准备好时开始回放。\n        muted: false, // 默认情况下将会消除任何音频。\n        loop: false, // 导致视频一结束就重新开始。\n        preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）\n        language: \"zh-CN\",\n        aspectRatio: \"16:9\", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如\"16:9\"或\"4:3\"）\n        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。\n        sources: [\n          {\n            type: \"video/mp4\",\n            src: \"http://47.108.153.30:7878/vedio/vedio.mp4\"\n          }\n        ],\n        poster: \"@/assets/img/cart/logo.jpg\", //你的封面地址\n        // width: document.documentElement.clientWidth,\n        notSupportedMessage: \"此视频暂无法播放，请稍后再试\", //允许覆盖Video.js无法播放媒体源时显示的默认信息。\n        controlBar: {\n          timeDivider: true,\n          durationDisplay: true,\n          remainingTimeDisplay: false,\n          fullscreenToggle: true //全屏按钮\n        }\n      }\n    };\n  },\n  mounted() {},\n  created() {\n    //  const obutton = document.querySelector(\".video-js .vjs-big-play-button\");\n    //  console.log(obutton);\n    //   obutton.style.top = \"50%\";\n    //   obutton.style.left = \"50%\";\n    //   obutton.style.transform = \"translate(-50%,-50%)\";\n  }\n};\n</script>\n\n<style scoped>\n.HomeVedio {\n  height: 100vh;\n}\n\n.back {\n  position: relative;\n  width: 30px;\n  height: 30px;\n  left: 10px;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n\n.back img {\n  color: #fff;\n}\n\n.nav-bar {\n  color: #fff;\n  background-color: #df3832;\n}\n\n.list {\n  margin-top: 5px;\n  width: 100%;\n  height: 189px;\n  font-size: 0;\n}\n\n.list .list-left {\n  width: 60%;\n  display: inline-block;\n  vertical-align: top;\n}\n\n.list .list-right {\n  width: 40%;\n  display: inline-block;\n  vertical-align: top;\n}\n\n.list .list-left img {\n  width: 100%;\n}\n.list .list-right img {\n  width: 100%;\n}\n\n.recTitle {\n  width: 100%;\n  height: 40px;\n  position: relative;\n  margin-top: 50px;\n}\n.recTitle .line {\n  height: 20px;\n  border-bottom: 1px solid #a2a2a2;\n}\n.recTitle .title {\n  width: 100px;\n  height: 40px;\n  background: #ffffff;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  line-height: 40px;\n  margin: 0 0 0 -50px;\n  text-align: center;\n  color: #3a3a3a;\n  font-family: \"黑体\";\n  font-size: 18px;\n}\n\n.content {\n  left: 0;\n  right: 0;\n  top: 44px;\n  bottom: 0px;\n  overflow: hidden;\n  position: absolute;\n}\n.imglist {\n  width: 100%;\n}\n.imglist img {\n  width: 100%;\n}\n.goods-card {\n  margin-top: 20px;\n}\n</style>\n"]}]}