{"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\\banner.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\banner.vue","mtime":1677828270164},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2Jhbm5lcicsCiAgLy8g57uE5Lu25ZCN56ewCiAgY25hbWU6ICfova7mkq3lm74nLAogIC8vIOagh+mimOWQjeensAogIGljb246ICdpY29udHVwaWFuZ3VhbmdnYW8xJywKICBkZWZhdWx0TmFtZTogJ3N3aXBlckJnJywKICAvLyDlpJbpnaLljLnphY3lkI3np7AKICBjb25maWdOYW1lOiAnY19iYW5uZXInLAogIC8vIOWPs+S+p+mFjee9ruWQjeensAogIHR5cGU6IDAsCiAgLy8gMCDln7rnoYDnu4Tku7YgMSDokKXplIDnu4Tku7YgMuW3peWFt+e7hOS7tgogIHByb3BzOiB7CiAgICBpbmRleDogewogICAgICB0eXBlOiBudWxsCiAgICB9LAogICAgbnVtOiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0KICB9LAogIGNvbXB1dGVkOiBfb2JqZWN0U3ByZWFkKHt9LCBtYXBTdGF0ZSgnbW9iaWxkQ29uZmlnJywgWydkZWZhdWx0QXJyYXknXSkpLAogIHdhdGNoOiB7CiAgICBwYWdlRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLnNldENvbmZpZyhuVmFsKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIG51bTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbblZhbF07CiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBkZWZhdWx0QXJyYXk6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdmFyIGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W3RoaXMubnVtXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIC8vIOm7mOiupOWIneWni+WMluaVsOaNruemgeatouS/ruaUuQogICAgICBkZWZhdWx0Q29uZmlnOiB7CiAgICAgICAgbmFtZTogJ3N3aXBlckJnJywKICAgICAgICB0aW1lc3RhbXA6IHRoaXMubnVtLAogICAgICAgIHNldFVwOiB7CiAgICAgICAgICB0YWJWYWw6IDAKICAgICAgICB9LAogICAgICAgIC8vIOaooeadv+mAieaLqQogICAgICAgIC8vIHRhYkNvbmZpZzogewogICAgICAgIC8vICAgdGFiVmFsOiAwLAogICAgICAgIC8vICAgdHlwZTogMSwKICAgICAgICAvLyAgIHRhYkxpc3Q6IFsKICAgICAgICAvLyAgICAgewogICAgICAgIC8vICAgICAgIG5hbWU6ICLljZXlm77mqKHmnb8iLAogICAgICAgIC8vICAgICAgIGljb246ICJpY29uYmFubmVyXzEiLAogICAgICAgIC8vICAgICB9LAogICAgICAgIC8vICAgICB7CiAgICAgICAgLy8gICAgICAgbmFtZTogIuWkmuWbvuaooeadvzEiLAogICAgICAgIC8vICAgICAgIGljb246ICJpY29uYmFubmVyXzIiLAogICAgICAgIC8vICAgICB9LAogICAgICAgIC8vICAgICB7CiAgICAgICAgLy8gICAgICAgbmFtZTogIuWkmuWbvuaooeadvzIiLAogICAgICAgIC8vICAgICAgIGljb246ICJpY29uYmFubmVyXzMiLAogICAgICAgIC8vICAgICB9LAogICAgICAgIC8vICAgXSwKICAgICAgICAvLyB9LAogICAgICAgIC8vIOWbvueJh+WIl+ihqAogICAgICAgIHN3aXBlckNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfmnIDlpJrlj6/mt7vliqAxMOW8oOWbvueJh++8jOW7uuiuruWuveW6pjc1MHB477yb6byg5qCH5ouW5ou95bem5L6n5ZyG54K55Y+v6LCD5pW05Zu+54mHIOmhuuW6jycsCiAgICAgICAgICBtYXhMaXN0OiAxMCwKICAgICAgICAgIGxpc3Q6IFt7CiAgICAgICAgICAgIGltZzogJycsCiAgICAgICAgICAgIGluZm86IFt7CiAgICAgICAgICAgICAgdGl0bGU6ICfmoIfpopgnLAogICAgICAgICAgICAgIHZhbHVlOiAn5LuK5pel5o6o6I2QJywKICAgICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HNOS4quWtlycsCiAgICAgICAgICAgICAgbWF4OiA0CiAgICAgICAgICAgIH0sIHsKICAgICAgICAgICAgICB0aXRsZTogJ+mTvuaOpScsCiAgICAgICAgICAgICAgdmFsdWU6ICcnLAogICAgICAgICAgICAgIHRpcHM6ICfor7fovpPlhaXpk77mjqUnLAogICAgICAgICAgICAgIG1heDogMTAwCiAgICAgICAgICAgIH1dCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgaXNTaG93OiB7CiAgICAgICAgICB0aXRsZTogJ+aYr+WQpuaYvuekuuiDjOaZr+iJsicsCiAgICAgICAgICB2YWw6IHRydWUKICAgICAgICB9LAogICAgICAgIC8vIOiDjOaZr+minOiJsgogICAgICAgIGJnQ29sb3I6IHsKICAgICAgICAgIHRpdGxlOiAn6IOM5pmv6aKc6ImyKOa4kOWPmCknLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNGNjJDMkMnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIGl0ZW06ICcjRjk2RTI5JwogICAgICAgICAgfV0sCiAgICAgICAgICBjb2xvcjogW3sKICAgICAgICAgICAgaXRlbTogJyNGNjJDMkMnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIGl0ZW06ICcjRjk2RTI5JwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIGRvdENvbG9yOiB7CiAgICAgICAgICB0aXRsZTogJ+aMh+ekuuWZqOminOiJsicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI2ZmZicKICAgICAgICAgIH1dLAogICAgICAgICAgY29sb3I6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjZmZmJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIC8vIOW3puWPs+mXtOi3nQogICAgICAgIGxyQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+W3puWPs+i+uei3nScsCiAgICAgICAgICB2YWw6IDEwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICAvLyDpobXpnaLpl7Tot50KICAgICAgICBtYkNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLAogICAgICAgICAgdmFsOiAwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICAvLyDova7mkq3lm77ngrnmoLflvI8KICAgICAgICBkb2NDb25maWc6IHsKICAgICAgICAgIGNuYW1lOiAnc3dpcGVyJywKICAgICAgICAgIHRpdGxlOiAn5oyH56S65Zmo5qC35byPJywKICAgICAgICAgIHR5cGU6IDAsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICflnIblvaInLAogICAgICAgICAgICBpY29uOiAnaWNvbkRvdCcKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn55u057q/JywKICAgICAgICAgICAgaWNvbjogJ2ljb25TcXVhcmVwb2ludCcKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn5pWw5a2XJywKICAgICAgICAgICAgaWNvbjogJ2ljb25zaHV6aScKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn5peg5oyH56S65ZmoJywKICAgICAgICAgICAgaWNvbjogJ2ljb25qaW55b25nJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIHR4dFN0eWxlOiB7CiAgICAgICAgICB0aXRsZTogJ+aMh+ekuuWZqOS9jee9ricsCiAgICAgICAgICB0eXBlOiAwLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn5bGF5bemJywKICAgICAgICAgICAgaWNvbjogJ2ljb25kb2NfbGVmdCcKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn5bGF5LitJywKICAgICAgICAgICAgaWNvbjogJ2ljb25kb2NfY2VudGVyJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflsYXlj7MnLAogICAgICAgICAgICBpY29uOiAnaWNvbmRvY19yaWdodCcKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICAvLyDlm77niYfmoLflvI8KICAgICAgICBpbWdDb25maWc6IHsKICAgICAgICAgIGNuYW1lOiAnZG9jU3R5bGUnLAogICAgICAgICAgdGl0bGU6ICfova7mkq3lm77moLflvI8nLAogICAgICAgICAgdHlwZTogMCwKICAgICAgICAgIGxpc3Q6IFt7CiAgICAgICAgICAgIHZhbDogJ+WchuinkicsCiAgICAgICAgICAgIGljb246ICdpY29uUGljX2ZpbGxldCcKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn55u06KeSJywKICAgICAgICAgICAgaWNvbjogJ2ljb25QaWNfc3F1YXJlJwogICAgICAgICAgfV0KICAgICAgICB9CiAgICAgIH0sCiAgICAgIHBhZ2VEYXRhOiB7fSwKICAgICAgYmdDb2xvcjogW10sCiAgICAgIG1UT1A6IDAsCiAgICAgIGVkZ2U6IDAsCiAgICAgIGltZ1N0eWxlOiAwLAogICAgICBpbWdTcmM6ICcnLAogICAgICBkb2NTdHlsZTogMCwKICAgICAgZG90UG9zaXRpb246IDAsCiAgICAgIGRvdENvbG9yOiAnJywKICAgICAgaXNTaG93OiB0cnVlCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICBfdGhpcy5wYWdlRGF0YSA9IF90aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W190aGlzLm51bV07CgogICAgICBfdGhpcy5zZXRDb25maWcoX3RoaXMucGFnZURhdGEpOwogICAgfSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZXRDb25maWc6IGZ1bmN0aW9uIHNldENvbmZpZyhkYXRhKSB7CiAgICAgIGlmICghZGF0YSkgcmV0dXJuOwoKICAgICAgaWYgKGRhdGEubWJDb25maWcpIHsKICAgICAgICB0aGlzLmlzU2hvdyA9IGRhdGEuaXNTaG93LnZhbDsKICAgICAgICB0aGlzLmJnQ29sb3IgPSBkYXRhLmJnQ29sb3IuY29sb3I7CiAgICAgICAgdGhpcy5tVE9QID0gZGF0YS5tYkNvbmZpZy52YWw7CiAgICAgICAgdGhpcy5lZGdlID0gZGF0YS5sckNvbmZpZy52YWw7CiAgICAgICAgdGhpcy5pbWdTdHlsZSA9IGRhdGEuaW1nQ29uZmlnLnR5cGU7CiAgICAgICAgdGhpcy5pbWdTcmMgPSBkYXRhLnN3aXBlckNvbmZpZy5saXN0Lmxlbmd0aCA/IGRhdGEuc3dpcGVyQ29uZmlnLmxpc3RbMF0uaW1nIDogJyc7CiAgICAgICAgdGhpcy5kb2NTdHlsZSA9IGRhdGEuZG9jQ29uZmlnLnR5cGU7CiAgICAgICAgdGhpcy5kb3RQb3NpdGlvbiA9IGRhdGEudHh0U3R5bGUudHlwZTsKICAgICAgICB0aGlzLmRvdENvbG9yID0gZGF0YS5kb3RDb2xvci5jb2xvclswXS5pdGVtOwogICAgICB9CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;EACAA,cADA;EACA;EACAC,YAFA;EAEA;EACAC,2BAHA;EAIAC,uBAJA;EAIA;EACAC,sBALA;EAKA;EACAC,OANA;EAMA;EACAC;IACAC;MACAF;IADA,CADA;IAIAG;MACAH;IADA;EAJA,CAPA;EAeAI,4BACAC,0CADA,CAfA;EAkBAC;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,CAlBA;EAwCAE,IAxCA,kBAwCA;IACA;MACA;MACAC;QACAnB,gBADA;QAEAoB,mBAFA;QAGAC;UACAC;QADA,CAHA;QAMA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACAC;UACAC,8CADA;UAEAC,WAFA;UAGAC,OACA;YACAC,OADA;YAEAC,OACA;cACAJ,WADA;cAEAK,aAFA;cAGAC,iBAHA;cAIAC;YAJA,CADA,EAOA;cACAP,WADA;cAEAK,SAFA;cAGAC,aAHA;cAIAC;YAJA,CAPA;UAFA,CADA;QAHA,CA1BA;QAiDAC;UACAR,gBADA;UAEAS;QAFA,CAjDA;QAqDA;QACAC;UACAV,iBADA;UAEAW,UACA;YACAC;UADA,CADA,EAIA;YACAA;UADA,CAJA,CAFA;UAUAC,QACA;YACAD;UADA,CADA,EAIA;YACAA;UADA,CAJA;QAVA,CAtDA;QAyEAE;UACAd,cADA;UAEAW,UACA;YACAC;UADA,CADA,CAFA;UAOAC,QACA;YACAD;UADA,CADA;QAPA,CAzEA;QAsFA;QACAG;UACAf,aADA;UAEAS,OAFA;UAGAO;QAHA,CAvFA;QA4FA;QACAC;UACAjB,aADA;UAEAS,MAFA;UAGAO;QAHA,CA7FA;QAkGA;QACAE;UACAzC,eADA;UAEAuB,cAFA;UAGAnB,OAHA;UAIAqB,OACA;YACAO,SADA;YAEA/B;UAFA,CADA,EAKA;YACA+B,SADA;YAEA/B;UAFA,CALA,EASA;YACA+B,SADA;YAEA/B;UAFA,CATA,EAaA;YACA+B,WADA;YAEA/B;UAFA,CAbA;QAJA,CAnGA;QA0HAyC;UACAnB,cADA;UAEAnB,OAFA;UAGAqB,OACA;YACAO,SADA;YAEA/B;UAFA,CADA,EAKA;YACA+B,SADA;YAEA/B;UAFA,CALA,EASA;YACA+B,SADA;YAEA/B;UAFA,CATA;QAHA,CA1HA;QA4IA;QACA0C;UACA3C,iBADA;UAEAuB,cAFA;UAGAnB,OAHA;UAIAqB,OACA;YACAO,SADA;YAEA/B;UAFA,CADA,EAKA;YACA+B,SADA;YAEA/B;UAFA,CALA;QAJA;MA7IA,CAFA;MA+JAU,YA/JA;MAgKAsB,WAhKA;MAiKAW,OAjKA;MAkKAC,OAlKA;MAmKAC,WAnKA;MAoKAC,UApKA;MAqKAC,WArKA;MAsKAC,cAtKA;MAuKAZ,YAvKA;MAwKAN;IAxKA;EA0KA,CAnNA;EAoNAmB,OApNA,qBAoNA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CAzNA;EA0NAC;IACAC,SADA,qBACAnC,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;EAdA;AA1NA","names":["name","cname","icon","defaultName","configName","type","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","setUp","tabVal","swiperConfig","title","maxList","list","img","info","value","tips","max","isShow","val","bgColor","default","item","color","dotColor","lrConfig","min","mbConfig","docConfig","txtStyle","imgConfig","mTOP","edge","imgStyle","imgSrc","docStyle","dotPosition","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["banner.vue"],"sourcesContent":["<template>\r\n  <div class=\"mobile-page\" :style=\"{ marginTop: `${mTOP}px` }\">\r\n    <div\r\n      class=\"bg\"\r\n      :style=\"{\r\n        background: `linear-gradient(90deg,${bgColor[0].item} 0%,${bgColor[1].item} 100%)`,\r\n      }\"\r\n      v-if=\"bgColor.length > 0 && isShow\"\r\n    ></div>\r\n    <div v-if=\"!isShow\" class=\"bgset\"></div>\r\n    <div\r\n      class=\"banner\"\r\n      :style=\"{\r\n        paddingLeft: edge + 'px',\r\n        paddingRight: edge + 'px',\r\n      }\"\r\n    >\r\n      <img :class=\"{ doc: imgStyle }\" :src=\"imgSrc\" alt=\"\" v-if=\"imgSrc\" />\r\n      <div class=\"empty-box\" :class=\"{ on: imgStyle }\" v-else>\r\n        <span class=\"iconfont-diy icontupian\"></span>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div\r\n        class=\"dot\"\r\n        :style=\"{\r\n          paddingLeft: edge + 10 + 'px',\r\n          paddingRight: edge + 10 + 'px',\r\n          justifyContent: dotPosition === 1 ? 'center' : dotPosition === 2 ? 'flex-end' : 'flex-start',\r\n        }\"\r\n        v-if=\"docStyle == 0\"\r\n      >\r\n        <div class=\"dot-item\" :style=\"{ background: `${dotColor}` }\"></div>\r\n        <div class=\"dot-item\"></div>\r\n        <div class=\"dot-item\"></div>\r\n      </div>\r\n      <div\r\n        class=\"dot line-dot\"\r\n        :style=\"{\r\n          paddingLeft: edge + 10 + 'px',\r\n          paddingRight: edge + 10 + 'px',\r\n          justifyContent: dotPosition === 1 ? 'center' : dotPosition === 2 ? 'flex-end' : 'flex-start',\r\n        }\"\r\n        v-if=\"docStyle == 1\"\r\n      >\r\n        <div class=\"line_dot-item\" :style=\"{ background: `${dotColor}` }\"></div>\r\n        <div class=\"line_dot-item\"></div>\r\n        <div class=\"line_dot-item\"></div>\r\n      </div>\r\n      <div\r\n        class=\"dot number\"\r\n        :style=\"{\r\n          paddingLeft: edge + 10 + 'px',\r\n          paddingRight: edge + 10 + 'px',\r\n          justifyContent: dotPosition === 1 ? 'center' : dotPosition === 2 ? 'flex-end' : 'flex-start',\r\n        }\"\r\n        v-if=\"docStyle == 2\"\r\n      >\r\n        <div class=\"num\">1/3</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n  name: 'banner', // 组件名称\r\n  cname: '轮播图', // 标题名称\r\n  icon: 'icontupianguanggao1',\r\n  defaultName: 'swiperBg', // 外面匹配名称\r\n  configName: 'c_banner', // 右侧配置名称\r\n  type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n  props: {\r\n    index: {\r\n      type: null,\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: 'swiperBg',\r\n        timestamp: this.num,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        // 模板选择\r\n        // tabConfig: {\r\n        //   tabVal: 0,\r\n        //   type: 1,\r\n        //   tabList: [\r\n        //     {\r\n        //       name: \"单图模板\",\r\n        //       icon: \"iconbanner_1\",\r\n        //     },\r\n        //     {\r\n        //       name: \"多图模板1\",\r\n        //       icon: \"iconbanner_2\",\r\n        //     },\r\n        //     {\r\n        //       name: \"多图模板2\",\r\n        //       icon: \"iconbanner_3\",\r\n        //     },\r\n        //   ],\r\n        // },\r\n        // 图片列表\r\n        swiperConfig: {\r\n          title: '最多可添加10张图片，建议宽度750px；鼠标拖拽左侧圆点可调整图片 顺序',\r\n          maxList: 10,\r\n          list: [\r\n            {\r\n              img: '',\r\n              info: [\r\n                {\r\n                  title: '标题',\r\n                  value: '今日推荐',\r\n                  tips: '选填，不超过4个字',\r\n                  max: 4,\r\n                },\r\n                {\r\n                  title: '链接',\r\n                  value: '',\r\n                  tips: '请输入链接',\r\n                  max: 100,\r\n                },\r\n              ],\r\n            },\r\n          ],\r\n        },\r\n        isShow: {\r\n          title: '是否显示背景色',\r\n          val: true,\r\n        },\r\n        // 背景颜色\r\n        bgColor: {\r\n          title: '背景颜色(渐变)',\r\n          default: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n        },\r\n        dotColor: {\r\n          title: '指示器颜色',\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        // 左右间距\r\n        lrConfig: {\r\n          title: '左右边距',\r\n          val: 10,\r\n          min: 0,\r\n        },\r\n        // 页面间距\r\n        mbConfig: {\r\n          title: '页面间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        // 轮播图点样式\r\n        docConfig: {\r\n          cname: 'swiper',\r\n          title: '指示器样式',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '圆形',\r\n              icon: 'iconDot',\r\n            },\r\n            {\r\n              val: '直线',\r\n              icon: 'iconSquarepoint',\r\n            },\r\n            {\r\n              val: '数字',\r\n              icon: 'iconshuzi',\r\n            },\r\n            {\r\n              val: '无指示器',\r\n              icon: 'iconjinyong',\r\n            },\r\n          ],\r\n        },\r\n        txtStyle: {\r\n          title: '指示器位置',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '居左',\r\n              icon: 'icondoc_left',\r\n            },\r\n            {\r\n              val: '居中',\r\n              icon: 'icondoc_center',\r\n            },\r\n            {\r\n              val: '居右',\r\n              icon: 'icondoc_right',\r\n            },\r\n          ],\r\n        },\r\n        // 图片样式\r\n        imgConfig: {\r\n          cname: 'docStyle',\r\n          title: '轮播图样式',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '圆角',\r\n              icon: 'iconPic_fillet',\r\n            },\r\n            {\r\n              val: '直角',\r\n              icon: 'iconPic_square',\r\n            },\r\n          ],\r\n        },\r\n      },\r\n      pageData: {},\r\n      bgColor: [],\r\n      mTOP: 0,\r\n      edge: 0,\r\n      imgStyle: 0,\r\n      imgSrc: '',\r\n      docStyle: 0,\r\n      dotPosition: 0,\r\n      dotColor: '',\r\n      isShow: true,\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.isShow = data.isShow.val;\r\n        this.bgColor = data.bgColor.color;\r\n        this.mTOP = data.mbConfig.val;\r\n        this.edge = data.lrConfig.val;\r\n        this.imgStyle = data.imgConfig.type;\r\n        this.imgSrc = data.swiperConfig.list.length ? data.swiperConfig.list[0].img : '';\r\n        this.docStyle = data.docConfig.type;\r\n        this.dotPosition = data.txtStyle.type;\r\n        this.dotColor = data.dotColor.color[0].item;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.empty-box {\r\n  height: 170px;\r\n}\r\n\r\n.mobile-page {\r\n  position: relative;\r\n  width: auto;\r\n\r\n  /* height: 140px; */\r\n  .banner {\r\n    /* position: absolute; */\r\n    /* left: 0; */\r\n    /* top: 0; */\r\n    width: 100%;\r\n    margin-top: -48px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 6px;\r\n\r\n      &.doc {\r\n        border-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .bg {\r\n    width: 100%;\r\n    height: 50px;\r\n    background: linear-gradient(90deg, #F62C2C 0%, #F96E29 100%);\r\n  }\r\n\r\n  .bgset {\r\n    width: 100%;\r\n    height: 50px;\r\n  }\r\n}\r\n\r\n.dot {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 20px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.number {\r\n    bottom: 4px;\r\n  }\r\n\r\n  .num {\r\n    width: 25px;\r\n    height: 18px;\r\n    line-height: 18px;\r\n    background-color: #000;\r\n    color: #fff;\r\n    opacity: 0.3;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    text-align: center;\r\n  }\r\n\r\n  .dot-item {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: #AAAAAA;\r\n    border-radius: 50%;\r\n    margin: 0 3px;\r\n  }\r\n\r\n  &.line-dot {\r\n    bottom: 20px;\r\n\r\n    .line_dot-item {\r\n      width: 8px;\r\n      height: 2px;\r\n      background: #AAAAAA;\r\n      margin: 0 3px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}