{"remainingRequest":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\hjmWeb\\suyiScreen\\suyiScreen\\src\\components\\BasicBox2\\index.vue?vue&type=style&index=0&id=a4feb550&lang=scss&scoped=true&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\src\\components\\BasicBox2\\index.vue","mtime":1658901713000},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\css-loader\\dist\\cjs.js","mtime":1670640067764},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1670640074296},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\postcss-loader\\src\\index.js","mtime":1670640071379},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1670640073036},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670640074287}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgpAaW1wb3J0ICJ+QC9jb21tb24vdmFyLnNjc3MiOwoKCi5ib3ggewoKICAgIC8vIGJhY2tncm91bmQ6ICMxMTIyMzI4OTsKICAgIGJhY2tncm91bmQ6IHJnYmEoMTYsMjksMzcsMC44KTsKICAgIGJvcmRlcjogMnB4IHNvbGlkICRib3JkZXItY29sb3I7CiAgICBwYWRkaW5nOiA1cHggMDsKICAgIG1hcmdpbi1ib3R0b206IDEwcHg7CgogICAgdWwgewogICAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4OwogICAgfQoKICAgIGxpIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICBkaXNwbGF5OiBibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgaGVpZ2h0OiAyNXB4OwogICAgICAgIHBhZGRpbmc6IDE4cHggMHB4IWltcG9ydGFudDsKICAgIH0KCiAgICAudGl0bGUgewogICAgICAgIC8vIG1heC13aWR0aDogNTQycHg7CiAgICAgICAgLy8gLy8gZm9udC1mYW1pbHk6IG1vbm9zcGFjZTsKICAgICAgICAvLyBoZWlnaHQ6IDIycHg7CiAgICAgICAgLy8gY29sb3I6ICR0aXRsZS1jb2xvcjsKICAgICAgICAvLyBmb250LXNpemU6IDIwcHg7CiAgICAgICAgLy8gcGFkZGluZy1sZWZ0OiA1MHB4OwogICAgICAgIC8vIGhlaWdodDogNDBweDsKICAgICAgICAvLyBsaW5lLWhlaWdodDogNDBweDsKICAgICAgICAvLyBiYWNrZ3JvdW5kOiB1cmwoJ35AL2Fzc2V0cy90aXQucG5nJykgbm8tcmVwZWF0IGNlbnRlcjsKd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDI1cHg7CiAgICBwYWRkaW5nLWxlZnQ6IDUwcHg7CiAgICBtYXJnaW4tYm90dG9tOiA1cHg7CiAgICBiYWNrZ3JvdW5kOiAtMTVweCB1cmwoJ35AL2Fzc2V0cy90aXQucG5nJykgbm8tcmVwZWF0OwogICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluOwogICAgY29sb3I6ICM4ZWMxZDg7CiAgICBmb250LXdlaWdodDogNzAwOwogICAgZm9udC1zaXplOiAxNnB4OwogICAgICAgIC5pY29uIHsKICAgICAgICAgICAgaGVpZ2h0OiAxMHB4OwogICAgICAgICAgICB3aWR0aDogMTBweDsKICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjBCQkQyOwogICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDVweDsKICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7CiAgICAgICAgfQogICAgfQoKICAgIGxpIHsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZzogMTJweCAwOwogICAgICAgIHdpZHRoOiAxMDAlOwoKICAgICAgICAubGVmdCB7CiAgICAgICAgICAgIGNvbG9yOiAjNUZCN0U3OwogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICAgIGxlZnQ6IDI1cHg7CiAgICAgICAgfQoKICAgICAgICAucmlnaHQgewogICAgICAgICAgICB3aWR0aDogNjglOwogICAgICAgICAgICBjb2xvcjogI2ZmZjsKICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgICByaWdodDogMjVweDsKICAgICAgICB9CiAgICB9Cgp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/components/BasicBox2","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    },\n    data() {\n        return {\n           \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\n    ul {\n        padding-bottom: 10px;\n    }\n\n    li {\n        width: 100%;\n        display: block;\n        position: relative;\n        height: 25px;\n        padding: 18px 0px!important;\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: 100%;\n    height: 25px;\n    padding-left: 50px;\n    margin-bottom: 5px;\n    background: -15px url('~@/assets/tit.png') no-repeat;\n    background-size: contain;\n    color: #8ec1d8;\n    font-weight: 700;\n    font-size: 16px;\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"]}]}