{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\DateUtils.vue?vue&type=style&index=0&id=ff6987ba&scoped=true&lang=css&","dependencies":[{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\DateUtils.vue","mtime":1713435226762},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713435216634},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713435227553},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713435221759},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713435214031},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713435227548}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci50eHQtZGF0YSAudGltZSB7CiAgICBmb250LXNpemU6IDFyZW07CiAgICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTsKfQouc3BsaXQgewogICAgYW5pbWF0aW9uOiBzaGFyayAxcyBzdGVwLWVuZCBpbmZpbml0ZTsKICAgIHZlcnRpY2FsLWFsaWduOiBjZW50ZXI7CiAgICBtYXJnaW4tbGVmdDogMnB4OwogICAgbWFyZ2luLXJpZ2h0OiAycHg7Cn0KQGtleWZyYW1lcyBzaGFyayB7CiAgICAwJSwKICAgIDEwMCUgewogICAgICAgIG9wYWNpdHk6IDE7CiAgICB9CiAgICA1MCUgewogICAgICAgIG9wYWNpdHk6IDA7CiAgICB9Cn0K"},{"version":3,"sources":["DateUtils.vue"],"names":[],"mappings":";AAmGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"DateUtils.vue","sourceRoot":"src/components","sourcesContent":["<!--\r\n * @Description: \r\n * @Author: \r\n * @Date: 2024-03-04 15:31:03\r\n-->\r\n<template >\r\n    <div style=\"padding: 30px;font-size: 30px;color: orange;\">\r\n        <span class=\"time\" id=\"time\" >\r\n            <span class=\"date\">{{ nowTime }}</span>\r\n            <span class=\"hour\" style=\"margin-left: 5px;\">{{time.hour}}</span>\r\n            <a class=\"split\">:</a>\r\n            <span class=\"minitus\">{{time.minitus}}</span>\r\n            <a class=\"split\">:</a>\r\n            <span class=\"seconds\">{{time.seconds}}</span>\r\n        </span>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"DateUtils\",\r\n        props: [\"s\"],\r\n        data() {\r\n            return {\r\n                time: {\r\n                    hour: \"\",\r\n                    minitus: \"\",\r\n                    seconds: \"\"\r\n                },\r\n                nowTime: \"\",\r\n                week: [\r\n                    \"周日\",\r\n                    \"周一\",\r\n                    \"周二\",\r\n                    \"周三\",\r\n                    \"周四\",\r\n                    \"周五\",\r\n                    \"周六\"\r\n                ]\r\n            };\r\n        },\r\n        mounted() {\r\n            this.dateTime();\r\n        },\r\n        methods: {\r\n            dateTime() {\r\n                this.timeFormate();\r\n                setTimeout(() => {\r\n                    this.dateTime();\r\n                }, 1000);\r\n            },\r\n            timeFormate() {\r\n                const newtime = new Date();\r\n                this.time.hour = this.getIncrease(newtime.getHours(), 2);\r\n                this.time.minitus = this.getIncrease(newtime.getMinutes(), 2);\r\n                this.time.seconds = this.getIncrease(newtime.getSeconds(), 2);\r\n                this.nowTime =\r\n                    this.getIncrease(newtime.getFullYear(), 4) +\r\n                    \"年\" +\r\n                    this.getIncrease(newtime.getMonth() + 1, 2) +\r\n                    \"月\" +\r\n                    this.getIncrease(newtime.getDate(), 2) +\r\n                    \"日 \" +\r\n                    this.week[newtime.getDay()];\r\n                //this.hour=\r\n               // return `${this.time.hour}:${this.time.minitus}:${this.time.seconds}`;\r\n            },\r\n            getIncrease(num, digit) {\r\n                var increase = \"\";\r\n                for (var i = 0; i < digit; i++) {\r\n                    increase += \"0\";\r\n                }\r\n                return (increase + num).slice(-digit);\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    .txt-data .time {\r\n        font-size: 1rem;\r\n        margin-right: 0.5rem;\r\n    }\r\n    .split {\r\n        animation: shark 1s step-end infinite;\r\n        vertical-align: center;\r\n        margin-left: 2px;\r\n        margin-right: 2px;\r\n    }\r\n    @keyframes shark {\r\n        0%,\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n        50% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n</style>"]}]}