{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\src\\components\\BasicBox\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\components\\BasicBox\\index.vue","mtime":1668654688482},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgoKZXhwb3J0IGRlZmF1bHQgewoKICAgIHByb3BzOiB7CiAgICAgICAgdGl0bGU6IHsKICAgICAgICAgICAgZGVmYXVsdDogKCkgPT4gIiIsCiAgICAgICAgICAgIHR5cGU6IFN0cmluZywKICAgICAgICAgICAgcmVxdWlyZWQ6IHRydWUKICAgICAgICB9LAogICAgICAgIGRhdGFTb3VyY2U6IHsKICAgICAgICAgICAgZGVmYXVsdDogKCkgPT4gZmFsc2UsCiAgICAgICAgICAgIHR5cGU6IFtBcnJheSwgQm9vbGVhbl0sCiAgICAgICAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICAgICAgfSwKICAgIH0sCiAgICBjb21wb25lbnRzOiB7CgogICAgfSwKICAgIG1vdW50ZWQoKSB7CgogICAgfSwKICAgIGJlZm9yZURlc3Ryb3koKSB7CgogICAgfSwKICAgIG1ldGhvZHM6IHsKCiAgICB9LAp9Owo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA","file":"index.vue","sourceRoot":"src/components/BasicBox","sourcesContent":["<template>\n    <div class=\"box\">\n        <div class=\"title\">\n            <!-- <span class=\"icon\"></span> -->\n            {{ title }}\n        </div>\n\n        <slot name=\"top\"></slot>\n        <ul v-if=\"dataSource\">\n            <li v-for=\"(item, index) in dataSource \" :key=\"index\">\n                <span class=\"left\">{{ item.key }}</span>\n                <span class=\"right\">{{ item.value }}</span>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<script>\n\n\nexport default {\n\n    props: {\n        title: {\n            default: () => \"\",\n            type: String,\n            required: true\n        },\n        dataSource: {\n            default: () => false,\n            type: [Array, Boolean],\n            required: true\n        },\n    },\n    components: {\n\n    },\n    mounted() {\n\n    },\n    beforeDestroy() {\n\n    },\n    methods: {\n\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"~@/common/var.scss\";\n\n\n.box {\n\n    // background: #11223289;\n    // background: rgba(16,29,37,0.8);\n    // border: 2px solid $border-color;\n    padding: 5px 0;\n    margin-bottom: 10px;\n    margin-left: -12px;\n    background: url('~@/assets/leftthree.png') no-repeat;\n    background-size: 92%;\n    ul {\n        padding-bottom: 10px;\n    }\n\n    li {\n        width: 100%;\n        display: block;\n        position: relative;\n        height: 25px;\n    }\n\n    .title {\n        // max-width: 542px;\n        // // font-family: monospace;\n        // height: 22px;\n        // color: $title-color;\n        // font-size: 20px;\n        // padding-left: 50px;\n        // height: 40px;\n        // line-height: 40px;\n        // background: url('~@/assets/tit.png') no-repeat center;\nwidth: 92%;\n    height: 35px;\n    line-height: 59px;\n    /* padding-left: 9px; */\n    margin-bottom: 5px;\n    background-size: contain;\n    color: #fff;\n    font-weight: 700;\n    font-size: 15px;\n    /* position: absolute; */\n    text-align: center;\n\n        .icon {\n            height: 10px;\n            width: 10px;\n            transform: rotate(45deg);\n            background-color: #20BBD2;\n            display: inline-block;\n            line-height: 40px;\n            margin-right: 5px;\n            padding-left: 5px;\n        }\n    }\n\n    li {\n        position: relative;\n        padding: 12px 0;\n        width: 100%;\n\n        .left {\n            color: #5FB7E7;\n            position: absolute;\n            left: 25px;\n        }\n\n        .right {\n            width: 68%;\n            color: #fff;\n            position: absolute;\n            right: 25px;\n        }\n    }\n\n}\n</style>\n"]}]}