| 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\\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"]}]}
|
