{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\NavBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\NavBar.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJOYXZCYXIiLAogIHByb3BzOiB7CiAgICBzZXRGb3JtOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7fTsKICAgICAgfQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzRm9ybToge30KICAgIH07CiAgfSwKCiAgd2F0Y2g6IHsKICAgIHNldEZvcm0odmFsKSB7CiAgICAgIHRoaXMuc0Zvcm0gPSB2YWw7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnNGb3JtID0gdGhpcy5zZXRGb3JtOwogIH0KCn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA;EACAA,cADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC;IADA;EAGA,CAdA;;EAeAC;IACAL;MACA;IACA;;EAHA,CAfA;;EAoBAM;IACA;EACA;;AAtBA","names":["name","props","setForm","type","default","data","sForm","watch","created"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["NavBar.vue"],"sourcesContent":["<template>\n  <div class=\"NavBar clearfix\" :style=\"{ backgroundColor: sForm.bgColor }\">\n    <el-row :gutter=\"10\">\n      <el-col\n        v-for=\"(item, index) in sForm.navList\"\n        :key=\"index\"\n        class=\"nav-li\"\n        :class=\"[setForm.num === 5 ? 'span-4-8' : '']\"\n        :span=\"parseInt(24 / setForm.num)\"\n      >\n        <el-image\n          class=\"nav-icon\"\n          :src=\"item.image.url || require('@/assets/img/replace-img.png')\"\n        ></el-image>\n        <div :style=\"{ color: sForm.color }\">\n          {{ item.text || \"文字标题\" }}\n        </div>\n      </el-col>\n    </el-row>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"NavBar\",\n    props: {\n      setForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        sForm: {},\n      };\n    },\n    watch: {\n      setForm(val) {\n        this.sForm = val;\n      },\n    },\n    created() {\n      this.sForm = this.setForm;\n    },\n  };\n</script>\n\n<style scoped>\n  .NavBar {\n    padding: 16px 0 4px;\n  }\n  .nav-icon {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto 6px;\n    display: block;\n    border-radius: 10px;\n  }\n  .nav-li {\n    /*margin-right: 10px;*/\n    font-size: 12px;\n    text-align: center;\n    margin-bottom: 12px;\n  }\n  .span-4-8 {\n    width: 20%;\n  }\n</style>\n"]}]}