{"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\\NavigationBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\NavigationBar.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0QmFzaWNTZXR1cCB9IGZyb20gIkAvYXBpL1N5c3RlbSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiTmF2aWdhdGlvbkJhciIsCiAgcHJvcHM6IHsKICAgIHNldEZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNGb3JtOiB7fSwKICAgICAgdGhlbWVTdHlsZToge30KICAgIH07CiAgfSwKCiAgY29tcHV0ZWQ6IHsKICAgIHN0eWxlKCkgewogICAgICBpZiAodGhpcy5zRm9ybS5zdHlsZSA9PT0gMykgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoaXMuc2V0Rm9ybS50b3BCZ0NvbG9yLAogICAgICAgICAgY29sb3I6IHRoaXMuc2V0Rm9ybS50ZXh0Q29sb3IKICAgICAgICB9OwogICAgICB9IGVsc2UgaWYgKHRoaXMuc0Zvcm0uc3R5bGUgPT09IDEpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudCgzNjBkZWcscmdiYSgyNTUsIDI1NSwgMjU1LCAwKSAwJSwke3RoaXMuc2V0Rm9ybS50b3BCZ0NvbG9yfSAxMDAlKWAsCiAgICAgICAgICBjb2xvcjogdGhpcy5zZXRGb3JtLnRleHRDb2xvcgogICAgICAgIH07CiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIHsKICAgICAgICAgIGNvbG9yOiB0aGlzLnNldEZvcm0udGV4dENvbG9yCiAgICAgICAgfTsKICAgICAgfQogICAgfQoKICB9LAogIHdhdGNoOiB7CiAgICBzZXRGb3JtKHZhbCkgewogICAgICB0aGlzLnNGb3JtID0gdmFsOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5zRm9ybSA9IHRoaXMuc2V0Rm9ybTsKICAgIHRoaXMuZ2V0QmFzaWNTZXR1cCgpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIC8vICDojrflj5bor6bmg4UKICAgIGFzeW5jIGdldEJhc2ljU2V0dXAoKSB7CiAgICAgIGlmICghdGhpcy4kYWNjZXNzQ2hlY2sodGhpcy4kQWNjZXNzLkJhc2VTZXRHZXRCYXNpY1NldHVwKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgewogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IGdldEJhc2ljU2V0dXAoKTsKICAgICAgdGhpcy50aGVtZVN0eWxlID0gZGF0YS5iYXNpY0RhdGEudGhlbWVTdHlsZSB8fCB7fTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;EACAA,qBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC,SADA;MAEAC;IAFA;EAIA,CAfA;;EAgBAC;IACAC;MACA;QACA;UACAC,wCADA;UAEAC;QAFA;MAIA,CALA,MAKA;QACA;UACAC,+FADA;UAEAD;QAFA;MAIA,CALA,MAKA;QACA;UACAA;QADA;MAGA;IACA;;EAjBA,CAhBA;EAmCAE;IACAX;MACA;IACA;;EAHA,CAnCA;;EAwCAY;IACA;IACA;EACA,CA3CA;;EA4CAC;IACA;IACA;MACA;QACA;MACA;;MACA;QAAAV;MAAA;MACA;IACA;;EARA;AA5CA","names":["name","props","setForm","type","default","data","sForm","themeStyle","computed","style","backgroundColor","color","background","watch","created","methods"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PDComponents","sources":["NavigationBar.vue"],"sourcesContent":["<template>\n  <div\n    class=\"page-head\"\n    :class=\"[\n      sForm.style === 3\n        ? 'style-three'\n        : sForm.style === 2\n        ? 'style-two'\n        : 'style-one',\n    ]\"\n    :style=\"style\"\n  >\n    <div\n      v-if=\"sForm.style === 2\"\n      :style=\"{ background: setForm.topBgColor }\"\n      class=\"circular\"\n    ></div>\n    <div class=\"head-in\">\n      <div class=\"address-div ellipsis\">\n        <i class=\"el-icon-location\"></i>\n        <span>未央区</span>\n      </div>\n      <p class=\"page-tit\">\n        {{ sForm.name }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { getBasicSetup } from \"@/api/System\";\n  export default {\n    name: \"NavigationBar\",\n    props: {\n      setForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        sForm: {},\n        themeStyle: {},\n      };\n    },\n    computed: {\n      style() {\n        if (this.sForm.style === 3) {\n          return {\n            backgroundColor: this.setForm.topBgColor,\n            color: this.setForm.textColor,\n          };\n        } else if (this.sForm.style === 1) {\n          return {\n            background: `linear-gradient(360deg,rgba(255, 255, 255, 0) 0%,${this.setForm.topBgColor} 100%)`,\n            color: this.setForm.textColor,\n          };\n        } else {\n          return {\n            color: this.setForm.textColor,\n          };\n        }\n      },\n    },\n    watch: {\n      setForm(val) {\n        this.sForm = val;\n      },\n    },\n    created() {\n      this.sForm = this.setForm;\n      this.getBasicSetup();\n    },\n    methods: {\n      //  获取详情\n      async getBasicSetup() {\n        if (!this.$accessCheck(this.$Access.BaseSetGetBasicSetup)) {\n          return;\n        }\n        const { data } = await getBasicSetup();\n        this.themeStyle = data.basicData.themeStyle || {};\n      },\n    },\n  };\n</script>\n<style scoped lang=\"scss\">\n  .page-head {\n    cursor: pointer;\n    height: 226px;\n    width: 375px;\n    color: #ffffff;\n    .head-in {\n      position: relative;\n      width: 100%;\n      height: 74px;\n      z-index: 2;\n      background-image: url(\"../../../../assets/img/pageComponents/preview_head.png\");\n      background-repeat: no-repeat;\n      background-size: 100%;\n      .address-div {\n        position: absolute;\n        top: 28px;\n        padding-right: 2px;\n        left: 12px;\n        width: 90px;\n        height: 28px;\n        background: #ffffff;\n        border-radius: 14px;\n        line-height: 28px;\n        text-align: center;\n        font-size: 14px;\n        font-weight: 500;\n        border: 1px solid #f5f5f5;\n        color: #111111;\n        .el-icon-location {\n          margin-right: 4px;\n          color: #9fa8bd;\n          font-size: 18px;\n          margin-left: 8px;\n        }\n      }\n      .page-tit {\n        position: absolute;\n        font-size: 14px;\n        text-align: center;\n        width: 100%;\n        top: 20px;\n        line-height: 44px;\n        left: 0;\n        height: 44px;\n      }\n    }\n  }\n  .style-one {\n    background: linear-gradient(\n      360deg,\n      rgba(255, 255, 255, 0) 0%,\n      #ec1c24 100%\n    );\n  }\n  .style-two {\n    position: relative;\n    overflow: hidden;\n    .circular {\n      width: 140%;\n      height: 200px;\n      position: absolute;\n      left: -20%;\n      top: 0;\n      border-radius: 0 0 50% 50%;\n      background: #ec1c24;\n    }\n  }\n  .style-three {\n    background: #ec1c24;\n  }\n  .ellipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n</style>\n"]}]}