| 1 |
- {"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\\NavigationBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PDComponents\\NavigationBar.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: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"]}]}
|
