{"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/listfour.vue?vue&type=style&index=0&id=6857f3b1&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/childComps/listfour.vue","mtime":1620197927518},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5Ib21lVmVkaW8gewogIGhlaWdodDogMTAwdmg7Cn0KCi5iYWNrIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4OwogIGxlZnQ6IDEwcHg7CiAgdG9wOiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7Cn0KCi5iYWNrIGltZyB7CiAgY29sb3I6ICNmZmY7Cn0KCi5uYXYtYmFyIHsKICBjb2xvcjogI2ZmZjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGYzODMyOwp9CgoubGlzdCB7CiAgbWFyZ2luLXRvcDogNXB4OwogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMjM3LjUzcHg7CiAgZm9udC1zaXplOiAwOwp9CgoubGlzdCBpbWd7CiAgd2lkdGg6IDEwMCU7Cn0KCi5yZWNUaXRsZSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiA0MHB4OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoucmVjVGl0bGUgLmxpbmUgewogIGhlaWdodDogMjBweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2EyYTJhMjsKfQoucmVjVGl0bGUgLnRpdGxlIHsKICB3aWR0aDogMTAwcHg7CiAgaGVpZ2h0OiA0MHB4OwogIGJhY2tncm91bmQ6ICNmZmZmZmY7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMDsKICBsZWZ0OiA1MCU7CiAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgbWFyZ2luOiAwIDAgMCAtNTBweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgY29sb3I6ICMzYTNhM2E7CiAgZm9udC1mYW1pbHk6ICLpu5HkvZMiOwogIGZvbnQtc2l6ZTogMThweDsKfQoKLmNvbnRlbnQgewogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7CiAgdG9wOiA0NHB4OwogIGJvdHRvbTogMHB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5pbWdsaXN0IHsKICB3aWR0aDogMTAwJTsKfQouaW1nbGlzdCBpbWcgewogIHdpZHRoOiAxMDAlOwp9Ci5nb29kcy1jYXJkIHsKICBtYXJnaW4tdG9wOiAyMHB4Owp9Cg=="},{"version":3,"sources":["listfour.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsNA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"listfour.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            <img\n              src=\"@/assets/img/advpicture/10.jpeg\"\n              alt=\"\"\n              @load=\"computerheight\"\n            />\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=\"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=\"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=\"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=\"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=\"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=\"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                <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      </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: 237.53px;\n  font-size: 0;\n}\n\n.list img{\n  width: 100%;\n}\n\n.recTitle {\n  width: 100%;\n  height: 40px;\n  position: relative;\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>"]}]}