| 1 |
- {"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"]}]}
|
