Skip to content

Instantly share code, notes, and snippets.

@zzzzym
zzzzym / coderun.json
Last active June 27, 2025 05:44
three
{"config":{"codeTheme":"OneDarkPro","pageThemeSyncCodeTheme":true,"openAlmightyConsole":false,"autoRun":false,"layout":"vue","keepPreviousLogs":true,"codeFontSize":16},"title":"three","code":{"HTML":{"language":"html","content":"","resources":[]},"CSS":{"language":"css","content":"","resources":[]},"JS":{"language":"javascript","content":"","resources":[{"url":"https://unpkg.com/moment@2.30.1/moment.js","name":"moment.js"}],"importMap":"\n{\n \"imports\": {\n \"vue\": \"https://unpkg.com/vue@3.3.4/dist/vue.esm-browser.js\",\n \"GLTFLoader\":\"http://192.168.105.102:7997/three/GLTFLoader.js\",\n \"lil\":\"http://192.168.105.102:7997/three/lil-gui.module.min.js\",\n \"OrbitControls\":\"http://192.168.105.102:7997/three/OrbitControls.js\",\n \"RoundedBoxGeometry\":\"http://192.168.105.102:7997/three/RoundedBoxGeometry.js\",\n \"SkeletonUtils\":\"http://192.168.105.102:7997/three/SkeletonUtils.js\",\n \"stats\":\"http://192.168.105.102:7997/three/stats.module.js
@zzzzym
zzzzym / coderun.json
Last active June 27, 2025 01:26
地图合成截图
{"config":{"codeTheme":"OneDarkPro","pageThemeSyncCodeTheme":true,"openAlmightyConsole":false,"autoRun":false,"layout":"default","keepPreviousLogs":true,"codeFontSize":16},"title":"地图合成截图","code":{"HTML":{"language":"html","content":"<div id=\"map\"></div>\n\n<button class=\"tool\" id=\"capture-btn\" class=\"screenshot-btn\" id=\"captureBtn\">\n <i class=\"fas fa-camera\"></i> 截图地图\n</button>\n<div data-v-b6063a0a=\"\" class=\"legend-box legend-box-adaptive\">\n <div data-v-b6063a0a=\"\" class=\"legend-box-title\">图例说明</div>\n <div data-v-b6063a0a=\"\" class=\"legend-scroll\">\n <div data-v-b6063a0a=\"\" class=\"area-legend\">\n <div\n data-v-b6063a0a=\"\"\n class=\"area-legend-item\"\n style=\"display: flex; align-items: center; margin-bottom: 8px\"\n >\n <div\n data-v-b6063a0a=\"\"\n style=\"\n width: 78px;\n height: 14px;\n background-color: rgba(58, 133, 229, 0.2);\n border: 1px solid rgb(229, 192, 58
@zzzzym
zzzzym / coderun.json
Last active June 30, 2025 03:09
消息通知弹框
{"config":{"codeTheme":"OneDarkPro","pageThemeSyncCodeTheme":true,"openAlmightyConsole":false,"autoRun":false,"layout":"vue","keepPreviousLogs":true,"codeFontSize":16},"title":"消息通知弹框","code":{"HTML":{"language":"html","content":"","resources":[]},"CSS":{"language":"css","content":"","resources":[]},"JS":{"language":"javascript","content":"","resources":[{"url":"https://unpkg.com/moment@2.30.1/moment.js","name":"moment.js"},{"url":"http://192.168.105.102:7997/index.js","name":"index.js"}],"importMap":"\n{\n \"imports\": {\n \"vue\": \"https://unpkg.com/vue@3.3.4/dist/vue.esm-browser.js\"\n }\n}\n "},"VUE":{"language":"vue3","content":"<template>\n <h1>{{ msg }}</h1>\n <input v-model=\"msg\" />\n</template>\n\n<script setup>\n import { ref, createApp } from \"vue\";\n const msg = ref(\"Hello World!\" + moment().format(\"YYYY\"));\n const notifier = new MqttNotifier.default({\n mqtt: {\n protocol: \"ws\",\n host: \"192.168.3.118\",\n port: 32675,\n topic: \"23
@zzzzym
zzzzym / coderun.json
Last active June 27, 2025 02:09
vue3+公共号码校验
{"config":{"codeTheme":"OneDarkPro","pageThemeSyncCodeTheme":true,"openAlmightyConsole":false,"autoRun":false,"layout":"vue","keepPreviousLogs":true,"codeFontSize":16},"title":"vue3+公共号码校验","code":{"HTML":{"language":"html","content":"","resources":[]},"CSS":{"language":"css","content":"","resources":[]},"JS":{"language":"javascript","content":"","resources":[{"url":"https://unpkg.com/moment@2.30.1/moment.js","name":"moment.js"}],"importMap":"\n{\n \"imports\": {\n \"vue\": \"https://unpkg.com/vue@3.3.4/dist/vue.esm-browser.js\",\n \"hlkPublicValidator\":\"http://192.168.105.102:7997/hlk-public-validator.js\"\n }\n}\n "},"VUE":{"language":"vue3","content":"<template>\n <div class=\"validator-demo\">\n <h1>公共号码校验工具包演示</h1>\n\n <div class=\"validator-section\">\n <h2>身份证号码校验</h2>\n <input v-model=\"idCard\" placeholder=\"请输入身份证号码\" />\n <button @click=\"validate('idCard')\">验证</button>\n <p>结果: {{ results.idCard }}</p>\n <p class=\"example\">示例: 110