{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.includes.js","webpack:///./node_modules/core-js/internals/is-regexp.js","webpack:///./node_modules/core-js/internals/not-a-regexp.js","webpack:///./src/views/videos/index.vue?672d","webpack:///./src/views/videos/index.vue?b894","webpack:///src/views/videos/index.vue","webpack:///./src/views/videos/index.vue?c90b","webpack:///./src/views/videos/index.vue","webpack:///./node_modules/core-js/internals/correct-is-regexp-logic.js","webpack:///./node_modules/core-js/modules/es.array.includes.js","webpack:///./src/components/pure-com/MvCard.vue?db27","webpack:///src/components/pure-com/MvCard.vue","webpack:///./src/components/pure-com/MvCard.vue?1c4c","webpack:///./src/components/pure-com/MvCard.vue","webpack:///./src/components/pure-com/MvCard.vue?0c18"],"names":["$","notARegExp","requireObjectCoercible","correctIsRegExpLogic","target","proto","forced","includes","searchString","String","this","indexOf","arguments","length","undefined","isObject","classof","wellKnownSymbol","MATCH","module","exports","it","isRegExp","TypeError","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_l","area","index","key","class","active","filterIdx","on","$event","setFilter","_s","type","order","item","id","attrs","copywriter","cover","playCount","name","$helpers","convertMsToMinutes","duration","artistName","mvsTotal","setPageIndex","_e","staticRenderFns","component","METHOD_NAME","regexp","error1","error2","$includes","addToUnscopables","el","playMv","mvId","directives","rawName","value","getSmallPicture","picUrl","expression","style","height","calcPlayedCount","mvName","_t"],"mappings":"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","file":"js/videos.ef42ca4c.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar notARegExp = require('../internals/not-a-regexp');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar correctIsRegExpLogic = require('../internals/correct-is-regexp-logic');\n\n// `String.prototype.includes` method\n// https://tc39.es/ecma262/#sec-string.prototype.includes\n$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~String(requireObjectCoercible(this))\n      .indexOf(notARegExp(searchString), arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var isObject = require('../internals/is-object');\nvar classof = require('../internals/classof-raw');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\n// `IsRegExp` abstract operation\n// https://tc39.es/ecma262/#sec-isregexp\nmodule.exports = function (it) {\n  var isRegExp;\n  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');\n};\n","var isRegExp = require('../internals/is-regexp');\n\nmodule.exports = function (it) {\n  if (isRegExp(it)) {\n    throw TypeError(\"The method doesn't accept regular expressions\");\n  } return it;\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=60126251&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"videos\"},[_c('div',{staticClass:\"category-tabs\"},[_c('div',{staticClass:\"area-tabs\"},[_c('span',{staticClass:\"tab-label\"},[_vm._v(\"Area:\")]),_c('ul',_vm._l((_vm.areaTabs),function(area,index){return _c('li',{key:area,class:{ active: index === _vm.filterIdx.area },on:{\"click\":function($event){return _vm.setFilter('area', area, index)}}},[_c('span',{staticClass:\"button\"},[_vm._v(_vm._s(area))])])}),0)]),_c('div',{staticClass:\"type-tabs\"},[_c('span',{staticClass:\"tab-label\"},[_vm._v(\"Type:\")]),_c('ul',_vm._l((_vm.typeTabs),function(type,index){return _c('li',{key:type,class:{ active: index === _vm.filterIdx.type },on:{\"click\":function($event){return _vm.setFilter('type', type, index)}}},[_c('span',{staticClass:\"button\"},[_vm._v(_vm._s(type))])])}),0)]),_c('div',{staticClass:\"sort-tabs\"},[_c('span',{staticClass:\"tab-label\"},[_vm._v(\"Sort By:\")]),_c('ul',_vm._l((_vm.sortTabs),function(order,index){return _c('li',{key:order,class:{ active: index === _vm.filterIdx.order },on:{\"click\":function($event){return _vm.setFilter('order', order, index)}}},[_c('span',{staticClass:\"button\"},[_vm._v(_vm._s(order))])])}),0)])]),_c('div',{staticClass:\"mv-cards\"},_vm._l((_vm.pageMvs),function(item){return _c('MvCard',{key:item.id,attrs:{\"height\":'140px',\"caption\":item.copywriter,\"picUrl\":item.cover,\"playCount\":item.playCount,\"mvName\":item.name,\"mvId\":item.id,\"duration\":_vm.$helpers.convertMsToMinutes(item.duration)}},[_c('p',{staticClass:\"artist\"},[_vm._v(\"by: \"+_vm._s(item.artistName))])])}),1),(_vm.mvsTotal > 0)?_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.mvsTotal},on:{\"current-change\":_vm.setPageIndex}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"videos\">\n\t\t<div class=\"category-tabs\">\n\t\t\t<div class=\"area-tabs\">\n\t\t\t\t<span class=\"tab-label\">Area:</span>\n\t\t\t\t<ul>\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-for=\"(area, index) in areaTabs\"\n\t\t\t\t\t\t:key=\"area\"\n\t\t\t\t\t\t:class=\"{ active: index === filterIdx.area }\"\n\t\t\t\t\t\t@click=\"setFilter('area', area, index)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"button\">{{ area }}</span>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t\t<div class=\"type-tabs\">\n\t\t\t\t<span class=\"tab-label\">Type:</span>\n\t\t\t\t<ul>\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-for=\"(type, index) in typeTabs\"\n\t\t\t\t\t\t:key=\"type\"\n\t\t\t\t\t\t:class=\"{ active: index === filterIdx.type }\"\n\t\t\t\t\t\t@click=\"setFilter('type', type, index)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"button\">{{ type }}</span>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t\t<div class=\"sort-tabs\">\n\t\t\t\t<span class=\"tab-label\">Sort By:</span>\n\t\t\t\t<ul>\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-for=\"(order, index) in sortTabs\"\n\t\t\t\t\t\t:key=\"order\"\n\t\t\t\t\t\t:class=\"{ active: index === filterIdx.order }\"\n\t\t\t\t\t\t@click=\"setFilter('order', order, index)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"button\">{{ order }}</span>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"mv-cards\">\n\t\t\t<!-- Remove click event @click.native=\"playMv(item)\" and put it inside the component -->\n\t\t\t<MvCard\n\t\t\t\tv-for=\"item in pageMvs\"\n\t\t\t\t:key=\"item.id\"\n\t\t\t\t:height=\"'140px'\"\n\t\t\t\t:caption=\"item.copywriter\"\n\t\t\t\t:picUrl=\"item.cover\"\n\t\t\t\t:playCount=\"item.playCount\"\n\t\t\t\t:mvName=\"item.name\"\n\t\t\t\t:mvId=\"item.id\"\n\t\t\t\t:duration=\"$helpers.convertMsToMinutes(item.duration)\"\n\t\t\t>\n\t\t\t\t<p class=\"artist\">by: {{ item.artistName }}</p>\n\t\t\t</MvCard>\n\t\t</div>\n\n\t\t<el-pagination\n\t\t\tv-if=\"mvsTotal > 0\"\n\t\t\tbackground\n\t\t\tlayout=\"prev, pager, next\"\n\t\t\t:total=\"mvsTotal\"\n\t\t\t@current-change=\"setPageIndex\"\n\t\t></el-pagination>\n\t</div>\n</template>\n\n<script>\nimport MvCard from \"@/components/pure-com/MvCard\";\nimport { getAllMvs } from \"@/network/request\";\n\nexport default {\n\tcomponents: {\n\t\tMvCard,\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tpageMvs: [],\n\t\t\tmvsTotal: 0,\n\t\t\tfilter: { type: \"全部\", area: \"欧美\", order: \"最新\", limit: 12, offset: 0 },\n\t\t\tfilterIdx: { area: 0, type: 0, order: 2 }, // value is the Tabs array index\n\n\t\t\tareaTabs: [\"All\", \"China\", \"Hongkong\", \"English\", \"Japanese\", \"Korean\"],\n\t\t\ttypeTabs: [\"All\", \"Official\", \"Acoustic\", \"Live\", \"Net Ease\"],\n\t\t\tsortTabs: [\"Trending\", \"Hottest\", \"Latest\"],\n\t\t};\n\t},\n\n\tmethods: {\n\t\tplayMv(video) {\n\t\t\tthis.$router.push(`/videos/detail` + `?id=${video.id}`);\n\t\t},\n\n\t\tasync getAllMvsByCategory() {\n\t\t\tlet { data } = await getAllMvs(this.filter);\n\t\t\tthis.mvsTotal = data.count;\n\t\t\tthis.pageMvs = data.data;\n\t\t},\n\n\t\tsetFilter(tabType, keyword, index) {\n\t\t\tconst areaTabsChs = [\"全部\", \"内地\", \"港台\", \"欧美\", \"日本\", \"韩国\"];\n\t\t\tconst typeTabsChs = [\"全部\", \"官方版\", \"原生\", \"现场版\", \"网易出品\"];\n\t\t\tconst sortTabsChs = [\"上升最快\", \"最热\", \"最新\"];\n\n\t\t\tif (tabType === \"area\" && this.areaTabs.includes(keyword)) {\n\t\t\t\tthis.filterIdx.area = index;\n\t\t\t\tthis.filter.area = areaTabsChs[index];\n\t\t\t}\n\n\t\t\tif (tabType === \"type\" && this.typeTabs.includes(keyword)) {\n\t\t\t\tthis.filterIdx.type = index;\n\t\t\t\tthis.filter.type = typeTabsChs[index];\n\t\t\t}\n\n\t\t\tif (tabType === \"order\" && this.sortTabs.includes(keyword)) {\n\t\t\t\tthis.filterIdx.order = index;\n\t\t\t\tthis.filter.order = sortTabsChs[index];\n\t\t\t}\n\n\t\t\tthis.filter = { ...this.filter };\n\t\t},\n\n\t\tsetPageIndex(pageIdx) {\n\t\t\tthis.filter = { ...this.filter, offset: this.filter.limit * (pageIdx - 1) };\n\t\t},\n\t},\n\n\twatch: {\n\t\tfilter() {\n\t\t\tthis.getAllMvsByCategory();\n\t\t},\n\t},\n\n\tasync created() {\n\t\tawait this.getAllMvsByCategory();\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.videos {\n\tmargin-top: 20px;\n}\n\n.category-tabs {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\trow-gap: 10px;\n\tjustify-content: start;\n\tmargin-bottom: 20px;\n\tpadding-bottom: 10px;\n\tborder-bottom: 3px solid #e4e6ed;\n\n\t.area-tabs,\n\t.type-tabs,\n\t.sort-tabs {\n\t\t@include flex-align(row, flex-start);\n\t\t.tab-label {\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 12px;\n\t\t}\n\t}\n\n\t.sort-tabs {\n\t\tgrid-column: 2 / 3;\n\t\tgrid-row: 1/3;\n\t\tul {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(3, 100px);\n\t\t\trow-gap: 10px;\n\t\t\tjustify-content: stretch;\n\t\t}\n\t}\n\n\t.area-tabs ul {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 50px 80px 100px 90px 100px 70px;\n\t}\n\n\t.type-tabs ul {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 50px 80px 100px 90px 100px;\n\t}\n\n\t.button {\n\t\tdisplay: block;\n\t\tpadding: 5px 0;\n\t\tmargin-right: 5px;\n\t\tborder-radius: 4px;\n\t\tcursor: pointer;\n\t\tcolor: #333333;\n\t}\n\n\t.active .button {\n\t\tdisplay: block;\n\t\tpadding: 5px 0;\n\t\tmargin-right: 5px;\n\t\tborder-radius: 4px;\n\t\tcursor: pointer;\n\t\tbackground-color: $theme-primary-color;\n\t\tcolor: white;\n\t}\n\n\tul {\n\t\t@include flex-align(row, flex-start);\n\t}\n}\n\n.mv-cards {\n\t// image size is 250px*140px\n\twidth: 100%;\n\t@include grid-align-cards(250px);\n\t.mv-card {\n\t\tmargin-bottom: 20px;\n\n\t\t.artist {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #bebebe;\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=60126251&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=60126251&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"60126251\",\n  null\n  \n)\n\nexport default component.exports","var wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\nmodule.exports = function (METHOD_NAME) {\n  var regexp = /./;\n  try {\n    '/./'[METHOD_NAME](regexp);\n  } catch (error1) {\n    try {\n      regexp[MATCH] = false;\n      return '/./'[METHOD_NAME](regexp);\n    } catch (error2) { /* empty */ }\n  } return false;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $includes = require('../internals/array-includes').includes;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.includes` method\n// https://tc39.es/ecma262/#sec-array.prototype.includes\n$({ target: 'Array', proto: true }, {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('includes');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mv-card\"},[_c('div',{staticClass:\"card-image\",on:{\"click\":function($event){return _vm.playMv(_vm.mvId)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.$helpers.getSmallPicture(_vm.picUrl, 250, 140)),expression:\"$helpers.getSmallPicture(picUrl, 250, 140)\"}],style:({ height: _vm.height })}),_c('div',{staticClass:\"played-count\"},[_c('i',{staticClass:\"iconfont icon-yiguankan\"}),_c('span',[_vm._v(_vm._s(_vm.calcPlayedCount(_vm.playCount)))])]),_c('div',{staticClass:\"mv-duration\"},[_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('i',{staticClass:\"play-video iconfont icon-mv4\"})]),_c('p',{staticClass:\"card-desc\"},[_vm._v(_vm._s(_vm.mvName))]),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"mv-card\">\n\t\t<div class=\"card-image\" @click=\"playMv(mvId)\">\n\t\t\t<img v-lazy=\"$helpers.getSmallPicture(picUrl, 250, 140)\" :style=\"{ height: height }\" />\n\t\t\t<div class=\"played-count\">\n\t\t\t\t<i class=\"iconfont icon-yiguankan\"></i>\n\t\t\t\t<span>{{ calcPlayedCount(playCount) }}</span>\n\t\t\t</div>\n\t\t\t<div class=\"mv-duration\">\n\t\t\t\t<span>{{ duration }}</span>\n\t\t\t</div>\n\t\t\t<i class=\"play-video iconfont icon-mv4\"></i>\n\t\t</div>\n\n\t\t<p class=\"card-desc\">{{ mvName }}</p>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"MvCard\",\n\tprops: [\"width\", \"height\", \"caption\", \"picUrl\", \"playCount\", \"mvName\", \"mvId\", \"duration\"],\n\tmethods: {\n\t\tcalcPlayedCount(count) {\n\t\t\tif (count >= 1000 * 1000) {\n\t\t\t\treturn (\n\t\t\t\t\t(count / 1000000)\n\t\t\t\t\t\t.toFixed(3)\n\t\t\t\t\t\t.slice(0, 3)\n\t\t\t\t\t\t.replace(/\\.$/, \"\") + `M`\n\t\t\t\t);\n\t\t\t} else if (count >= 1000) {\n\t\t\t\treturn (\n\t\t\t\t\tparseInt(count / 1000)\n\t\t\t\t\t\t.toFixed(3)\n\t\t\t\t\t\t.slice(0, 3)\n\t\t\t\t\t\t.replace(/\\.$/, \"\") + `K`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn count;\n\t\t},\n\n\t\tplayMv(mvId) {\n\t\t\tthis.$router.push(`/videos/detail` + `?id=${mvId}`);\n\t\t},\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/styles/mixin.scss\";\n@import \"@/assets/styles/variables.scss\";\n\n.mv-card {\n\t// width: 250px;\n\t// margin: 20px 0;\n\tposition: relative;\n\toverflow: hidden;\n\tfont-size: 14px;\n\n\t.card-image {\n\t\tposition: relative;\n\n\t\t&:hover .play-video {\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t.played-count {\n\t\t\t@include flex-align(row, flex-end);\n\t\t\tcolor: white;\n\t\t\tposition: absolute;\n\t\t\ttop: 10px;\n\t\t\tright: 10px;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\tborder-radius: 5px;\n\t\t}\n\n\t\t.mv-duration {\n\t\t\tcolor: white;\n\t\t\tposition: absolute;\n\t\t\tbottom: 10px;\n\t\t\tright: 10px;\n\t\t}\n\n\t\t.play-video {\n\t\t\t@include position-abs-center();\n\t\t\tpadding: 0 !important;\n\t\t\tcolor: $theme-primary-color;\n\t\t\tfont-size: 35px;\n\t\t\tz-index: 105;\n\t\t\tvertical-align: middle;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.2);\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t.card-desc {\n\t\tpadding: 7px;\n\t\twidth: 100%;\n\t\t@include text-ellipsis();\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MvCard.vue?vue&type=template&id=435db122&scoped=true&\"\nimport script from \"./MvCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MvCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MvCard.vue?vue&type=style&index=0&id=435db122&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"435db122\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MvCard.vue?vue&type=style&index=0&id=435db122&lang=scss&scoped=true&\""],"sourceRoot":""}