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