{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\Components.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\Components.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDb21wb25lbnRzIiwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbXBvbmVudHNMaXN0OiBbewogICAgICAgIHRpdGxlOiAi5aqS5L2T57uE5Lu2IiwKICAgICAgICBjb21wb25lbnRzOiBbewogICAgICAgICAgbmFtZTogIuWbvueJh+i9ruaSrSIsCiAgICAgICAgICBpY29uOiAiaWNvbi10dXBpYW4iLAogICAgICAgICAgY29tcG9uZW50TmFtZTogInNwZWNpYWxCYW5uZXIiLAogICAgICAgICAgbW9kZWxEYXRhOiB7CiAgICAgICAgICAgIGJhbm5lckxpc3Q6IFtdLAogICAgICAgICAgICBzd2lwZXJDb25maWc6IHsKICAgICAgICAgICAgICBpbmRpY2F0b3JEb3RzOiB0cnVlLAogICAgICAgICAgICAgIGluZGljYXRvckNvbG9yOiAicmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpIiwKICAgICAgICAgICAgICBpbmRpY2F0b3JBY3RpdmVDb2xvcjogInJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiLAogICAgICAgICAgICAgIGF1dG9wbGF5OiBmYWxzZSwKICAgICAgICAgICAgICBpbnRlcnZhbDogMzAwMCwKICAgICAgICAgICAgICBkdXJhdGlvbjogMzAwCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5Y2V5Zu+57uEIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5Zu+54mH6a2U5pa5IiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5aS05p2h5b+r5oqlIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9XQogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICLllYbln47nu4Tku7YiLAogICAgICAgIGNvbXBvbmVudHM6IFt7CiAgICAgICAgICBuYW1lOiAi5pCc57Si5qGGIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5YWs5ZGK57uEIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5a+86IiqIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5ZWG5ZOB57uEIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5LyY5oOg5Yi457uEIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi56eS5p2A5ZWG5ZOBIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5ou85Zui5ZWG5ZOBIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi56CN5Lu35ZWG5ZOBIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi57q/5LiL6Zeo5bqXIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9XQogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICLlt6Xlhbfnu4Tku7YiLAogICAgICAgIGNvbXBvbmVudHM6IFt7CiAgICAgICAgICBuYW1lOiAi5Zyo57q/5a6i5pyNIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi5a+M5paH5pysIiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi6L6F5Yqp56m655m9IiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAi6L6F5Yqp57q/IiwKICAgICAgICAgIGljb246ICJpY29uLXR1cGlhbiIsCiAgICAgICAgICBjb21wb25lbnROYW1lOiAic3BlY2lhbEJhbm5lciIKICAgICAgICB9XQogICAgICB9XQogICAgfTsKICB9Cgp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;EACAA,kBADA;;EAEAC;IACA;MACAC,iBACA;QACAC,aADA;QAEAC,aACA;UACAJ,YADA;UAEAK,mBAFA;UAGAC,8BAHA;UAIAC;YACAC,cADA;YAEAC;cACAC,mBADA;cAEAC,0CAFA;cAGAC,8CAHA;cAIAC,eAJA;cAKAC,cALA;cAMAC;YANA;UAFA;QAJA,CADA,EAiBA;UACAf,WADA;UAEAK,mBAFA;UAGAC;QAHA,CAjBA,EAsBA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CAtBA,EA2BA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CA3BA;MAFA,CADA,EAqCA;QACAH,aADA;QAEAC,aACA;UACAJ,WADA;UAEAK,mBAFA;UAGAC;QAHA,CADA,EAMA;UACAN,WADA;UAEAK,mBAFA;UAGAC;QAHA,CANA,EAWA;UACAN,UADA;UAEAK,mBAFA;UAGAC;QAHA,CAXA,EAgBA;UACAN,WADA;UAEAK,mBAFA;UAGAC;QAHA,CAhBA,EAqBA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CArBA,EA0BA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CA1BA,EA+BA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CA/BA,EAoCA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CApCA,EAyCA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CAzCA;MAFA,CArCA,EAuFA;QACAH,aADA;QAEAC,aACA;UACAJ,YADA;UAEAK,mBAFA;UAGAC;QAHA,CADA,EAMA;UACAN,WADA;UAEAK,mBAFA;UAGAC;QAHA,CANA,EAWA;UACAN,YADA;UAEAK,mBAFA;UAGAC;QAHA,CAXA,EAgBA;UACAN,WADA;UAEAK,mBAFA;UAGAC;QAHA,CAhBA;MAFA,CAvFA;IADA;EAmHA;;AAtHA","names":["name","data","componentsList","title","components","icon","componentName","modelData","bannerList","swiperConfig","indicatorDots","indicatorColor","indicatorActiveColor","autoplay","interval","duration"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["Components.vue"],"sourcesContent":["<template>\n  <div class=\"tem-box\">\n    <div class=\"tem-tit\">\n      <span class=\"tem-tit-span\">组件库</span>\n    </div>\n    <div class=\"tem-main\">\n      <div\n        v-for=\"(item, index) in componentsList\"\n        :key=\"index\"\n        class=\"com-ul-li\"\n      >\n        <div class=\"com-tit\">\n          {{ item.title }}\n        </div>\n        <ul class=\"com-ul clearfix\">\n          <li\n            v-for=\"(itemC, indexC) in item.Components\"\n            :key=\"indexC\"\n            class=\"com-li\"\n          >\n            <i class=\"iconfont\" :class=\"[itemC.icon]\"></i>\n            <p>{{ itemC.name }}</p>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"Components\",\n    data() {\n      return {\n        componentsList: [\n          {\n            title: \"媒体组件\",\n            components: [\n              {\n                name: \"图片轮播\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n                modelData: {\n                  bannerList: [],\n                  swiperConfig: {\n                    indicatorDots: true,\n                    indicatorColor: \"rgba(255, 255, 255, 0.4)\",\n                    indicatorActiveColor: \"rgba(255, 255, 255, 1)\",\n                    autoplay: false,\n                    interval: 3000,\n                    duration: 300,\n                  },\n                },\n              },\n              {\n                name: \"单图组\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"图片魔方\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"头条快报\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n            ],\n          },\n          {\n            title: \"商城组件\",\n            components: [\n              {\n                name: \"搜索框\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"公告组\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"导航\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"商品组\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"优惠券组\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"秒杀商品\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"拼团商品\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"砍价商品\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"线下门店\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n            ],\n          },\n          {\n            title: \"工具组件\",\n            components: [\n              {\n                name: \"在线客服\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"富文本\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"辅助空白\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n              {\n                name: \"辅助线\",\n                icon: \"icon-tupian\",\n                componentName: \"specialBanner\",\n              },\n            ],\n          },\n        ],\n      };\n    },\n  };\n</script>\n\n<style scoped>\n  .tem-box {\n    padding: 12px;\n    font-weight: 400;\n  }\n  .tem-tit {\n    font-size: 14px;\n    color: #333;\n    font-weight: 400;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #dddddd;\n    padding-left: 10px;\n  }\n  .com-tit {\n    font-size: 12px;\n    color: #999;\n    line-height: 40px;\n  }\n  .com-li {\n    width: 74px;\n    text-align: center;\n    float: left;\n    font-size: 12px;\n    padding: 5px 0;\n    margin: 5px;\n    background: #f5f9fc;\n    border: 1px solid #dddddd;\n    cursor: pointer;\n    transition: 0.3s;\n    color: #424242;\n  }\n  .com-li p {\n    padding-top: 5px;\n  }\n  .com-li:hover {\n    background: #fff;\n    border: 1px solid #00aeff;\n  }\n</style>\n"]}]}