{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\wechat_live.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\wechat_live.vue","mtime":1677828270167},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwTXV0YXRpb25zIH0gZnJvbSAndnVleCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnd2VjaGF0X2xpdmUnLAogIGNuYW1lOiAn5bCP56iL5bqP55u05pKtJywKICBjb25maWdOYW1lOiAnY193ZWNoYXRfbGl2ZScsCiAgdHlwZTogMSwKICAvLyAwIOWfuuehgOe7hOS7tiAxIOiQpemUgOe7hOS7tiAy5bel5YW357uE5Lu2CiAgZGVmYXVsdE5hbWU6ICdsaXZlQnJvYWRjYXN0JywKICAvLyDlpJbpnaLljLnphY3lkI3np7AKICBpY29uOiAnaWNvbnhpYW9jaGVuZ3h1emhpYm8xJywKICBwcm9wczogewogICAgaW5kZXg6IHsKICAgICAgdHlwZTogbnVsbCwKICAgICAgZGVmYXVsdDogLTEKICAgIH0sCiAgICBudW06IHsKICAgICAgdHlwZTogbnVsbAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoe30sIG1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSksCiAgd2F0Y2g6IHsKICAgIHBhZ2VEYXRhOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgbnVtOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIGRlZmF1bHRBcnJheTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5CiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICBuYW1lOiAnbGl2ZUJyb2FkY2FzdCcsCiAgICAgICAgdGltZXN0YW1wOiB0aGlzLm51bSwKICAgICAgICBzZXRVcDogewogICAgICAgICAgdGFiVmFsOiAwCiAgICAgICAgfSwKICAgICAgICBiZzogewogICAgICAgICAgdGl0bGU6ICfog4zmma/oibInLAogICAgICAgICAgbmFtZTogJ2JnJywKICAgICAgICAgIGRlZmF1bHQ6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjZmZmJwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJyNmZmYnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgYm94U2hhZG93OiB7CiAgICAgICAgICB0aXRsZTogJ+mYtOW9seminOiJsicsCiAgICAgICAgICBuYW1lOiAncGxheUJnJywKICAgICAgICAgIGRlZmF1bHQ6IFt7CiAgICAgICAgICAgIGl0ZW06ICdyZ2JhKDAsIDAsIDAsIDAuMDYpJwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJ3JnYmEoMCwgMCwgMCwgMC4wNiknCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgbGltaXQ6IHsKICAgICAgICAgIHRpdGxlOiAn5pi+56S65Liq5pWwJywKICAgICAgICAgIHZhbDogNAogICAgICAgIH0sCiAgICAgICAgbGlzdFN0eWxlOiB7CiAgICAgICAgICB0aXRsZTogJ+WIl+ihqOagt+W8jycsCiAgICAgICAgICBuYW1lOiAnbGlzdFN0eWxlJywKICAgICAgICAgIHR5cGU6IDAsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICfljZXliJcnLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19iaWcnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+WPjOWIlycsCiAgICAgICAgICAgIGljb246ICdpY29uUGljX3NtYWxsJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflpKflm74nLAogICAgICAgICAgICBpY29uOiAnaWNvbmJhbm5lcl8xJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIC8vIOmhtemdoumXtOi3nQogICAgICAgIG1iQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+mhtemdoumXtOi3nScsCiAgICAgICAgICB2YWw6IDAsCiAgICAgICAgICBtaW46IDAKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGxpdmU6IFt7CiAgICAgICAgdGl0bGU6ICfnm7Tmkq3kuK0nLAogICAgICAgIG5hbWU6ICdwbGF5QmcnLAogICAgICAgIHR5cGU6IDIsCiAgICAgICAgY29sb3I6ICcnLAogICAgICAgIGljb246ICdpY29uemhpYm96aG9uZycsCiAgICAgICAgZ29vZHM6IFtdCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+WbnuaUvicsCiAgICAgICAgbmFtZTogJ2VuZEJnJywKICAgICAgICB0eXBlOiAwLAogICAgICAgIGNvbG9yOiAnJywKICAgICAgICBpY29uOiAnaWNvbnlpamllc2h1JywKICAgICAgICBnb29kczogW3sKICAgICAgICAgIGltZzogJ2h0dHA6Ly9hZG1pbi5jcm1lYi5uZXQvdXBsb2Fkcy9hdHRhY2gvMjAyMC8wNS8yMDIwMDUxNS80ZjE3ZDA3MjdlMjc3ZWI4NmVjYzYyOTZlOTZjMmMwOS5wbmcnLAogICAgICAgICAgcHJpY2U6ICcxOTknCiAgICAgICAgfSwgewogICAgICAgICAgaW1nOiAnaHR0cDovL2FkbWluLmNybWViLm5ldC91cGxvYWRzL2F0dGFjaC8yMDIwLzA1LzIwMjAwNTE1LzRmMTdkMDcyN2UyNzdlYjg2ZWNjNjI5NmU5NmMyYzA5LnBuZycsCiAgICAgICAgICBwcmljZTogJzE5OScKICAgICAgICB9LCB7CiAgICAgICAgICBpbWc6ICdodHRwOi8vYWRtaW4uY3JtZWIubmV0L3VwbG9hZHMvYXR0YWNoLzIwMjAvMDUvMjAyMDA1MTUvNGYxN2QwNzI3ZTI3N2ViODZlY2M2Mjk2ZTk2YzJjMDkucG5nJywKICAgICAgICAgIHByaWNlOiAnMTk5JwogICAgICAgIH1dCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+mihOWRiicsCiAgICAgICAgbmFtZTogJ25vdEJnJywKICAgICAgICB0eXBlOiAxLAogICAgICAgIGNvbG9yOiAnJywKICAgICAgICBpY29uOiAnaWNvbndlaWthaXNoaScsCiAgICAgICAgZ29vZHM6IFt7CiAgICAgICAgICBpbWc6ICdodHRwOi8vYWRtaW4uY3JtZWIubmV0L3VwbG9hZHMvYXR0YWNoLzIwMjAvMDUvMjAyMDA1MTUvNGYxN2QwNzI3ZTI3N2ViODZlY2M2Mjk2ZTk2YzJjMDkucG5nJywKICAgICAgICAgIHByaWNlOiAnMTk5JwogICAgICAgIH0sIHsKICAgICAgICAgIGltZzogJ2h0dHA6Ly9hZG1pbi5jcm1lYi5uZXQvdXBsb2Fkcy9hdHRhY2gvMjAyMC8wNS8yMDIwMDUxNS80ZjE3ZDA3MjdlMjc3ZWI4NmVjYzYyOTZlOTZjMmMwOS5wbmcnLAogICAgICAgICAgcHJpY2U6ICcxOTknCiAgICAgICAgfV0KICAgICAgfV0sCiAgICAgIGNTbGlkZXI6ICcnLAogICAgICBjb25mT2JqOiB7fSwKICAgICAgcGFnZURhdGE6IHt9LAogICAgICBsaXN0U3R5bGU6IDAsCiAgICAgIGJnOiAnJywKICAgICAgYm94U2hhZG93OiAnJwogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMucGFnZURhdGEgPSBfdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtfdGhpcy5udW1dOwoKICAgICAgX3RoaXMuc2V0Q29uZmlnKF90aGlzLnBhZ2VEYXRhKTsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogewogICAgc2V0Q29uZmlnOiBmdW5jdGlvbiBzZXRDb25maWcoZGF0YSkgewogICAgICBpZiAoIWRhdGEpIHJldHVybjsKCiAgICAgIGlmIChkYXRhLm1iQ29uZmlnKSB7CiAgICAgICAgdGhpcy5jU2xpZGVyID0gZGF0YS5tYkNvbmZpZy52YWw7CiAgICAgICAgdGhpcy5saXN0U3R5bGUgPSBkYXRhLmxpc3RTdHlsZS50eXBlOwogICAgICB9CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA;AACA;EACAA,mBADA;EAEAC,cAFA;EAGAC,2BAHA;EAIAC,OAJA;EAIA;EACAC,4BALA;EAKA;EACAC,6BANA;EAOAC;IACAC;MACAJ,UADA;MAEAK;IAFA,CADA;IAKAC;MACAN;IADA;EALA,CAPA;EAgBAO,4BACAC,0CADA,CAhBA;EAmBAC;IACAC;MACAC,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA,CADA;IAOAR;MACAK,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA,CAPA;IAcAC;MACAJ,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA;EAdA,CAnBA;EAyCAE,IAzCA,kBAyCA;IACA;MACA;MACAC;QACApB,qBADA;QAEAqB,mBAFA;QAGAC;UACAC;QADA,CAHA;QAMAC;UACAC,YADA;UAEAzB,UAFA;UAGAQ,UACA;YACAkB;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CANA;QAoBAE;UACAH,aADA;UAEAzB,cAFA;UAGAQ,UACA;YACAkB;UADA,CADA,CAHA;UAQAC,QACA;YACAD;UADA,CADA;QARA,CApBA;QAkCAG;UACAJ,aADA;UAEAK;QAFA,CAlCA;QAsCAC;UACAN,aADA;UAEAzB,iBAFA;UAGAG,OAHA;UAIA6B,OACA;YACAF,SADA;YAEAzB;UAFA,CADA,EAKA;YACAyB,SADA;YAEAzB;UAFA,CALA,EASA;YACAyB,SADA;YAEAzB;UAFA,CATA;QAJA,CAtCA;QAyDA;QACA4B;UACAR,aADA;UAEAK,MAFA;UAGAI;QAHA;MA1DA,CAFA;MAkEAC,OACA;QACAV,YADA;QAEAzB,cAFA;QAGAG,OAHA;QAIAwB,SAJA;QAKAtB,sBALA;QAMA+B;MANA,CADA,EASA;QACAX,WADA;QAEAzB,aAFA;QAGAG,OAHA;QAIAwB,SAJA;QAKAtB,oBALA;QAMA+B,QACA;UACAC,kGADA;UAEAC;QAFA,CADA,EAKA;UACAD,kGADA;UAEAC;QAFA,CALA,EASA;UACAD,kGADA;UAEAC;QAFA,CATA;MANA,CATA,EA8BA;QACAb,WADA;QAEAzB,aAFA;QAGAG,OAHA;QAIAwB,SAJA;QAKAtB,qBALA;QAMA+B,QACA;UACAC,kGADA;UAEAC;QAFA,CADA,EAKA;UACAD,kGADA;UAEAC;QAFA,CALA;MANA,CA9BA,CAlEA;MAkHAC,WAlHA;MAmHAC,WAnHA;MAoHA3B,YApHA;MAqHAkB,YArHA;MAsHAP,MAtHA;MAuHAI;IAvHA;EAyHA,CAnKA;EAoKAa,OApKA,qBAoKA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CAzKA;EA0KAC;IACAC,SADA,qBACAxB,IADA,EACA;MACA;;MACA;QACA;QACA;MACA;IACA;EAPA;AA1KA","names":["name","cname","configName","type","defaultName","icon","props","index","default","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","setUp","tabVal","bg","title","item","color","boxShadow","limit","val","listStyle","list","mbConfig","min","live","goods","img","price","cSlider","confObj","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["wechat_live.vue"],"sourcesContent":["<template>\r\n  <div class=\"mobile-page\" style=\"padding-bottom: 10px\" :style=\"[{ background: bg }, { marginTop: cSlider + 'px' }]\">\r\n    <div class=\"title-box\">\r\n      <span>直播间</span>\r\n      <span>更多</span>\r\n    </div>\r\n    <div class=\"live-wrapper-a\" v-if=\"listStyle == 0\">\r\n      <div\r\n        class=\"live-item-a\"\r\n        v-for=\"(item, index) in live\"\r\n        :key=\"index\"\r\n        :style=\"[{ 'box-shadow': `0px 1px 6px ${boxShadow}` }]\"\r\n      >\r\n        <div class=\"img-box\">\r\n          <div class=\"empty-box on\">\r\n            <span class=\"iconfont-diy icontupian\"></span>\r\n          </div>\r\n          <div class=\"label bgblue\" v-if=\"item.type == 1\">\r\n            <span class=\"txt\">预告</span>\r\n            <span class=\"msg\">7/29 10:00</span>\r\n          </div>\r\n          <div class=\"label bggary\" v-if=\"item.type == 0\">\r\n            <span class=\"iconfont-diy iconyijieshu\" style=\"margin-right: 5px\"></span>回放\r\n          </div>\r\n          <div class=\"label bgred\" v-if=\"item.type == 2\">\r\n            <span class=\"iconfont-diy iconzhibozhong\" style=\"margin-right: 5px\"></span>直播中\r\n          </div>\r\n        </div>\r\n        <div class=\"info\">\r\n          <div class=\"title\">直播标题直播标题直播标 题直播标题</div>\r\n          <div class=\"people\">\r\n            <img src=\"@/assets/images/ren.png\" alt=\"\" />\r\n            <span>樱桃小丸子</span>\r\n          </div>\r\n          <div class=\"goods-wrapper\">\r\n            <template v-if=\"item.goods.length > 0\">\r\n              <div class=\"goods-item\" v-for=\"(goods, index) in item.goods\" :key=\"index\">\r\n                <img :src=\"goods.img\" alt=\"\" />\r\n                <span>￥{{ goods.price }}</span>\r\n              </div>\r\n            </template>\r\n            <template v-else>\r\n              <div class=\"empty-goods\">暂无商品</div>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"live-wrapper-b\" v-if=\"listStyle == 1\">\r\n      <div\r\n        class=\"live-item-b\"\r\n        v-for=\"(item, index) in live\"\r\n        :key=\"index\"\r\n        :style=\"[{ 'box-shadow': `0px 1px 6px ${boxShadow}` }]\"\r\n      >\r\n        <div class=\"img-box\">\r\n          <div class=\"empty-box on\">\r\n            <span class=\"iconfont-diy icontupian\"></span>\r\n          </div>\r\n          <div class=\"label bgblue\" v-if=\"item.type == 1\">\r\n            <span class=\"txt\">预告</span>\r\n            <span class=\"msg\">7/29 10:00</span>\r\n          </div>\r\n          <div class=\"label bggary\" v-if=\"item.type == 0\">\r\n            <span class=\"iconfont-diy iconyijieshu\" style=\"margin-right: 5px\"></span>回放\r\n          </div>\r\n          <div class=\"label bgred\" v-if=\"item.type == 2\">\r\n            <span class=\"iconfont-diy iconzhibozhong\" style=\"margin-right: 5px\"></span>直播中\r\n          </div>\r\n        </div>\r\n        <div class=\"info\">\r\n          <div class=\"title\">直播标题直播标题直播标 题直播标题</div>\r\n          <div class=\"people\">\r\n            <img src=\"@/assets/images/ren.png\" alt=\"\" />\r\n            <span>樱桃小丸子</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"live-wrapper-a live-wrapper-c\" v-if=\"listStyle == 2\">\r\n      <div\r\n        class=\"live-item-a\"\r\n        v-for=\"(item, index) in live\"\r\n        :key=\"index\"\r\n        :style=\"[{ 'box-shadow': `0px 1px 6px ${boxShadow}` }]\"\r\n      >\r\n        <div class=\"img-box\">\r\n          <div class=\"empty-box on\">\r\n            <span class=\"iconfont-diy icontupian\"></span>\r\n          </div>\r\n          <div class=\"label bgblue\" v-if=\"item.type == 1\">\r\n            <span class=\"txt\">预告</span>\r\n            <span class=\"msg\">7/29 10:00</span>\r\n          </div>\r\n          <div class=\"label bggary\" v-if=\"item.type == 0\">\r\n            <span class=\"iconfont-diy iconyijieshu\" style=\"margin-right: 5px\"></span>回放\r\n          </div>\r\n          <div class=\"label bgred\" v-if=\"item.type == 2\">\r\n            <span class=\"iconfont-diy iconzhibozhong\" style=\"margin-right: 5px\"></span>直播中\r\n          </div>\r\n        </div>\r\n        <div class=\"info\">\r\n          <div class=\"left\">\r\n            <div class=\"title line1\">直播标题直播标题直播标 题直播标题</div>\r\n            <div class=\"people\">\r\n              <img src=\"@/assets/images/ren.png\" alt=\"\" />\r\n              <span>樱桃小丸子</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"goods-wrapper\">\r\n            <template v-if=\"item.goods.length > 0\">\r\n              <div class=\"goods-item\" v-for=\"(goods, index) in item.goods\" :key=\"index\" v-if=\"index < 2\">\r\n                <img :src=\"goods.img\" alt=\"\" />\r\n                <span>￥{{ goods.price }}</span>\r\n              </div>\r\n            </template>\r\n            <template v-else>\r\n              <div class=\"empty-goods\">暂无商品</div>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapMutations } from 'vuex';\r\nexport default {\r\n  name: 'wechat_live',\r\n  cname: '小程序直播',\r\n  configName: 'c_wechat_live',\r\n  type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'liveBroadcast', // 外面匹配名称\r\n  icon: 'iconxiaochengxuzhibo1',\r\n  props: {\r\n    index: {\r\n      type: null,\r\n      default: -1,\r\n    },\r\n    num: {\r\n      type: null,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('mobildConfig', ['defaultArray']),\r\n  },\r\n  watch: {\r\n    pageData: {\r\n      handler(nVal, oVal) {\r\n        this.setConfig(nVal);\r\n      },\r\n      deep: true,\r\n    },\r\n    num: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n    defaultArray: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      // 默认初始化数据禁止修改\r\n      defaultConfig: {\r\n        name: 'liveBroadcast',\r\n        timestamp: this.num,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        bg: {\r\n          title: '背景色',\r\n          name: 'bg',\r\n          default: [\r\n            {\r\n              item: '#fff',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#fff',\r\n            },\r\n          ],\r\n        },\r\n        boxShadow: {\r\n          title: '阴影颜色',\r\n          name: 'playBg',\r\n          default: [\r\n            {\r\n              item: 'rgba(0, 0, 0, 0.06)',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: 'rgba(0, 0, 0, 0.06)',\r\n            },\r\n          ],\r\n        },\r\n        limit: {\r\n          title: '显示个数',\r\n          val: 4,\r\n        },\r\n        listStyle: {\r\n          title: '列表样式',\r\n          name: 'listStyle',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '单列',\r\n              icon: 'iconPic_big',\r\n            },\r\n            {\r\n              val: '双列',\r\n              icon: 'iconPic_small',\r\n            },\r\n            {\r\n              val: '大图',\r\n              icon: 'iconbanner_1',\r\n            },\r\n          ],\r\n        },\r\n        // 页面间距\r\n        mbConfig: {\r\n          title: '页面间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n      },\r\n      live: [\r\n        {\r\n          title: '直播中',\r\n          name: 'playBg',\r\n          type: 2,\r\n          color: '',\r\n          icon: 'iconzhibozhong',\r\n          goods: [],\r\n        },\r\n        {\r\n          title: '回放',\r\n          name: 'endBg',\r\n          type: 0,\r\n          color: '',\r\n          icon: 'iconyijieshu',\r\n          goods: [\r\n            {\r\n              img: 'http://admin.crmeb.net/uploads/attach/2020/05/20200515/4f17d0727e277eb86ecc6296e96c2c09.png',\r\n              price: '199',\r\n            },\r\n            {\r\n              img: 'http://admin.crmeb.net/uploads/attach/2020/05/20200515/4f17d0727e277eb86ecc6296e96c2c09.png',\r\n              price: '199',\r\n            },\r\n            {\r\n              img: 'http://admin.crmeb.net/uploads/attach/2020/05/20200515/4f17d0727e277eb86ecc6296e96c2c09.png',\r\n              price: '199',\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: '预告',\r\n          name: 'notBg',\r\n          type: 1,\r\n          color: '',\r\n          icon: 'iconweikaishi',\r\n          goods: [\r\n            {\r\n              img: 'http://admin.crmeb.net/uploads/attach/2020/05/20200515/4f17d0727e277eb86ecc6296e96c2c09.png',\r\n              price: '199',\r\n            },\r\n            {\r\n              img: 'http://admin.crmeb.net/uploads/attach/2020/05/20200515/4f17d0727e277eb86ecc6296e96c2c09.png',\r\n              price: '199',\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n      cSlider: '',\r\n      confObj: {},\r\n      pageData: {},\r\n      listStyle: 0,\r\n      bg: '',\r\n      boxShadow: '',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n      this.setConfig(this.pageData);\r\n    });\r\n  },\r\n  methods: {\r\n    setConfig(data) {\r\n      if (!data) return;\r\n      if (data.mbConfig) {\r\n        this.cSlider = data.mbConfig.val;\r\n        this.listStyle = data.listStyle.type;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.mobile-page\r\n    background #f5f5f5\r\n    font-size 12px\r\n.live-wrapper-a\r\n    padding 5px 10px 0\r\n    .live-item-a\r\n        display flex\r\n        position relative\r\n        margin-bottom 10px\r\n        background #fff\r\n        border-radius 8px\r\n        overflow hidden\r\n        .img-box\r\n            position relative\r\n            width 170px\r\n            height 147px\r\n            border-radius 8px 0 0 8px\r\n            overflow hidden\r\n        .info\r\n            flex 1\r\n            padding 5px\r\n            border-radius 0px 8px 8px 0\r\n            overflow hidden\r\n            .title\r\n                color #333333\r\n                font-size 14px\r\n            .people\r\n                display flex\r\n                align-items center\r\n                font-size 12px\r\n                margin-top 5px\r\n                img\r\n                    width 32px\r\n                    height 32px\r\n                    margin-right 5px\r\n                    border-radius 50%\r\n\r\n            .goods-wrapper\r\n                margin-top 10px\r\n                display flex\r\n                .goods-item\r\n                    position relative\r\n                    width 48px\r\n                    height 48px\r\n                    margin-right 8px\r\n                    &:nth-child(3n)\r\n                        margin-right 0\r\n                    img\r\n                        width 100%\r\n                        height 100%\r\n                    span\r\n                        position absolute\r\n                        left 0\r\n                        bottom 0\r\n                        color #fff\r\n                        font-size 12px\r\n    &.live-wrapper-c\r\n        .live-item-a\r\n            display flex\r\n            flex-direction column\r\n            .img-box\r\n                width 100%\r\n                border-radius 8px 8px 0 0\r\n            .info\r\n                display flex\r\n                justify-content space-between\r\n                align-items center\r\n                .left\r\n                    width 60%\r\n\r\n.live-wrapper-b\r\n    display flex\r\n    flex-wrap wrap\r\n    justify-content space-between\r\n    padding 10px 10px 0\r\n    background #fff\r\n    .live-item-b\r\n        display flex\r\n        flex-direction column\r\n        width 171px\r\n        margin-bottom 10px\r\n        border-radius 8px\r\n        overflow hidden\r\n        .img-box\r\n            position relative\r\n            height 137px\r\n        .info\r\n            width 100%\r\n            padding 10px\r\n            .people\r\n                display flex\r\n                align-items center\r\n                img\r\n                    width 32px\r\n                    height 32px\r\n                    margin-right 5px\r\n                    border-radius 50%\r\n\r\n.iconfont-diy\r\n    font-size 12px\r\n.icontupian\r\n    font-size 24px\r\n.bggary\r\n    background: linear-gradient(270deg, #999999 0%, #666666 100%);\r\n.bgred\r\n    background: linear-gradient(270deg, #F5742F 0%, #FF1717 100%);\r\n.empty-goods\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    width 50px\r\n    height 48px\r\n    color #fff\r\n    background #B2B2B2\r\n    font-size 12px\r\n.label\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    position absolute\r\n    left 10px\r\n    top 10px\r\n    width: 76px;\r\n    height: 19px;\r\n    border-radius: 11px 0px 11px 11px;\r\n    color #fff\r\n    font-size 12px\r\n    &.bgblue\r\n        justify-content inherit\r\n        width 110px\r\n        background rgba(0,0,0,0.36)\r\n        overflow hidden\r\n        .txt\r\n            width 38px\r\n            height 100%\r\n            text-align center\r\n            margin-right 5px\r\n            background: linear-gradient(270deg, #2FA1F5 0%, #0076FF 100%);\r\n    &.bggary\r\n        width 54px\r\n.title-box\r\n    display flex\r\n    justify-content space-between\r\n    align-items center\r\n    padding 10px 10px 0\r\n    font-size 16px\r\n    span:last-child\r\n        font-size 13px\r\n</style>\r\n"]}]}