You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
5.2 KiB

{"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>"]}]}