From 7a7ade635520a237c3b9486304ad0b39243f14b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=9C=E6=81=92?= <2323333339@qq.com> Date: Thu, 28 Jan 2021 09:20:35 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/joe.owo.css | 2 +- assets/css/joe.owo.scss | 430 ---------------------------------------- assets/js/joe.global.js | 13 ++ assets/js/joe.owo.js | 146 +------------- assets/json/owo.json | 260 ++++++++++++------------ public/comment.php | 3 +- 6 files changed, 147 insertions(+), 707 deletions(-) delete mode 100644 assets/css/joe.owo.scss diff --git a/assets/css/joe.owo.css b/assets/css/joe.owo.css index b1c55cc..dcd6c25 100644 --- a/assets/css/joe.owo.css +++ b/assets/css/joe.owo.css @@ -1 +1 @@ -.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-bottom:none;color:#444;margin-bottom:10px}.OwO.OwO-open .OwO-logo span{-webkit-animation:5s ease-in-out 0s infinite normal none running a;animation:5s ease-in-out 0s infinite normal none running a}.OwO.OwO-open .OwO-body{display:block}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0px}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0px}.OwO.OwO-up.OwO-open .OwO-logo{border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;-o-border-image:initial;border-image:initial;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;cursor:pointer;z-index:2}.OwO .OwO-logo span{display:flex;align-items:center;height:32px;line-height:32px}.OwO .OwO-logo span svg{width:20px;height:20px;margin-right:5px}.OwO .OwO-body{display:none;background:#fff;z-index:1;border-radius:4px}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0px;overflow-y:auto;font-size:0px;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.OwO .OwO-body .OwO-items .OwO-item{width:calc(100% / 12);list-style-type:none;padding:5px 10px;border-radius:5px;display:inline-block;font-size:12px;line-height:14px;cursor:pointer;transition:all 0.3s ease 0s}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#eee;box-shadow:rgba(0,0,0,0.14) 0px 2px 2px 0px,rgba(0,0,0,0.2) 0px 3px 1px -2px,rgba(0,0,0,0.12) 0px 1px 5px 0px;-webkit-animation:5s ease-in-out 0s infinite normal none running a;animation:5s ease-in-out 0s infinite normal none running a}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-emoticon .OwO-item{width:25%;text-align:center}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;border-top:1px solid #ddd;background:#fff;border-radius:0px 0px 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0px;padding:0px;font-size:0px}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:29px;font-size:14px;padding:0px 10px;cursor:pointer}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0px 0px 0px 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#eee}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#eee;transition:all 0.3s ease 0s}@-webkit-keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}}@keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}} +.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-radius:4px 4px 0 0;border-bottom:none;color:#444}.OwO.OwO-open .OwO-body{display:block}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0}.OwO.OwO-up.OwO-open .OwO-logo{border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 5px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;line-height:16px}.OwO .OwO-logo:hover span{display:inline-block;-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body{display:none;position:absolute;width:400px;background:#fff;border:1px solid #ddd;z-index:1;top:21px;border-radius:0 4px 4px 4px}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0;overflow:scroll;font-size:0}.OwO .OwO-body .OwO-items .OwO-item{list-style-type:none;background:#f7f7f7;padding:5px 10px;border-radius:5px;display:inline-block;font-size:12px;line-height:14px;margin:0 10px 12px 0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#eee;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item{max-width:calc(25% - 10px);box-sizing:border-box}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;border-top:1px solid #ddd;background:#fff;border-radius:0 0 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0;padding:0;font-size:0}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:30px;font-size:14px;padding:0 10px;cursor:pointer;margin-right:3px}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0 0 0 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#eee}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#eee;-webkit-transition:.3s;transition:.3s}@-webkit-keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} diff --git a/assets/css/joe.owo.scss b/assets/css/joe.owo.scss deleted file mode 100644 index 2879b11..0000000 --- a/assets/css/joe.owo.scss +++ /dev/null @@ -1,430 +0,0 @@ -.OwO { - position: relative; - user-select: none; -} -.OwO:hover .OwO-logo { - color: rgb(68, 68, 68); -} -.OwO.OwO-open .OwO-logo { - border-bottom: none; - color: rgb(68, 68, 68); - margin-bottom: 10px; - span { - animation: 5s ease-in-out 0s infinite normal none running a; - } -} -.OwO.OwO-open .OwO-body { - display: block; -} -.OwO.OwO-up .OwO-body { - top: inherit; - bottom: 21px; - border-radius: 4px 4px 4px 0px; -} -.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1) { - border-radius: 0px; -} -.OwO.OwO-up.OwO-open .OwO-logo { - border-right: 1px solid rgb(221, 221, 221); - border-bottom: 1px solid rgb(221, 221, 221); - border-left: 1px solid rgb(221, 221, 221); - border-image: initial; - border-top: none; -} -.OwO .OwO-logo { - position: relative; - display: inline-block; - color: rgb(136, 136, 136); - cursor: pointer; - z-index: 2; - span { - display: flex; - align-items: center; - height: 32px; - line-height: 32px; - svg { - width: 20px; - height: 20px; - margin-right: 5px; - } - } -} -.OwO .OwO-body { - display: none; - background: #fff; - z-index: 1; - border-radius: 4px; -} -.OwO .OwO-body .OwO-items { - user-select: none; - display: none; - padding: 10px; - margin: 0px; - overflow-y: auto; - font-size: 0px; - overscroll-behavior: none; - -webkit-overflow-scrolling: touch; -} -.OwO .OwO-body .OwO-items .OwO-item { - width: calc(100% / 12); - list-style-type: none; - padding: 5px 10px; - border-radius: 5px; - display: inline-block; - font-size: 12px; - line-height: 14px; - cursor: pointer; - transition: all 0.3s ease 0s; -} -.OwO .OwO-body .OwO-items .OwO-item:hover { - background: rgb(238, 238, 238); - box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; - animation: 5s ease-in-out 0s infinite normal none running a; -} -.OwO .OwO-body .OwO-items-emoji .OwO-item { - font-size: 20px; - line-height: 19px; -} -.OwO .OwO-body .OwO-items-image .OwO-item img { - max-width: 100%; -} -.OwO .OwO-body .OwO-items-emoticon .OwO-item { - width: 25%; - text-align: center; -} -.OwO .OwO-body .OwO-items-show { - display: block; -} -.OwO .OwO-body .OwO-bar { - width: 100%; - height: 30px; - border-top: 1px solid rgb(221, 221, 221); - background: rgb(255, 255, 255); - border-radius: 0px 0px 4px 4px; - color: rgb(68, 68, 68); -} -.OwO .OwO-body .OwO-bar .OwO-packages { - margin: 0px; - padding: 0px; - font-size: 0px; -} -.OwO .OwO-body .OwO-bar .OwO-packages li { - list-style-type: none; - display: inline-block; - line-height: 29px; - font-size: 14px; - padding: 0px 10px; - cursor: pointer; -} -.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) { - border-radius: 0px 0px 0px 3px; -} -.OwO .OwO-body .OwO-bar .OwO-packages li:hover { - background: rgb(238, 238, 238); -} -.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active { - background: rgb(238, 238, 238); - transition: all 0.3s ease 0s; -} -@-webkit-keyframes a { - 2% { - transform: translateY(1.5px) rotate(1.5deg); - } - 4% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 6% { - transform: translateY(1.5px) rotate(-1.5deg); - } - 8% { - transform: translateY(-1.5px) rotate(-1.5deg); - } - 10% { - transform: translateY(2.5px) rotate(1.5deg); - } - 12% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 14% { - transform: translateY(-1.5px) rotate(1.5deg); - } - 16% { - transform: translateY(-0.5px) rotate(-1.5deg); - } - 18% { - transform: translateY(0.5px) rotate(-1.5deg); - } - 20% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 22% { - transform: translateY(0.5px) rotate(-1.5deg); - } - 24% { - transform: translateY(1.5px) rotate(1.5deg); - } - 26% { - transform: translateY(0.5px) rotate(0.5deg); - } - 28% { - transform: translateY(0.5px) rotate(1.5deg); - } - 30% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 32%, - 34% { - transform: translateY(1.5px) rotate(-0.5deg); - } - 36% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 38% { - transform: translateY(1.5px) rotate(-1.5deg); - } - 40% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 42% { - transform: translateY(2.5px) rotate(-1.5deg); - } - 44% { - transform: translateY(1.5px) rotate(0.5deg); - } - 46% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 48% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 50% { - transform: translateY(0.5px) rotate(0.5deg); - } - 52% { - transform: translateY(2.5px) rotate(2.5deg); - } - 54% { - transform: translateY(-1.5px) rotate(1.5deg); - } - 56% { - transform: translateY(2.5px) rotate(2.5deg); - } - 58% { - transform: translateY(0.5px) rotate(2.5deg); - } - 60% { - transform: translateY(2.5px) rotate(2.5deg); - } - 62% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 64% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 66% { - transform: translateY(1.5px) rotate(-0.5deg); - } - 68% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 70% { - transform: translateY(1.5px) rotate(0.5deg); - } - 72% { - transform: translateY(2.5px) rotate(1.5deg); - } - 74% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 76% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 78% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 80% { - transform: translateY(1.5px) rotate(1.5deg); - } - 82% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 84% { - transform: translateY(1.5px) rotate(2.5deg); - } - 86% { - transform: translateY(-1.5px) rotate(-1.5deg); - } - 88% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 90% { - transform: translateY(2.5px) rotate(-0.5deg); - } - 92% { - transform: translateY(0.5px) rotate(-0.5deg); - } - 94% { - transform: translateY(2.5px) rotate(0.5deg); - } - 96% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 98% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 0%, - 100% { - transform: translate(0px) rotate(0deg); - } -} -@keyframes a { - 2% { - transform: translateY(1.5px) rotate(1.5deg); - } - 4% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 6% { - transform: translateY(1.5px) rotate(-1.5deg); - } - 8% { - transform: translateY(-1.5px) rotate(-1.5deg); - } - 10% { - transform: translateY(2.5px) rotate(1.5deg); - } - 12% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 14% { - transform: translateY(-1.5px) rotate(1.5deg); - } - 16% { - transform: translateY(-0.5px) rotate(-1.5deg); - } - 18% { - transform: translateY(0.5px) rotate(-1.5deg); - } - 20% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 22% { - transform: translateY(0.5px) rotate(-1.5deg); - } - 24% { - transform: translateY(1.5px) rotate(1.5deg); - } - 26% { - transform: translateY(0.5px) rotate(0.5deg); - } - 28% { - transform: translateY(0.5px) rotate(1.5deg); - } - 30% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 32%, - 34% { - transform: translateY(1.5px) rotate(-0.5deg); - } - 36% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 38% { - transform: translateY(1.5px) rotate(-1.5deg); - } - 40% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 42% { - transform: translateY(2.5px) rotate(-1.5deg); - } - 44% { - transform: translateY(1.5px) rotate(0.5deg); - } - 46% { - transform: translateY(-1.5px) rotate(2.5deg); - } - 48% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 50% { - transform: translateY(0.5px) rotate(0.5deg); - } - 52% { - transform: translateY(2.5px) rotate(2.5deg); - } - 54% { - transform: translateY(-1.5px) rotate(1.5deg); - } - 56% { - transform: translateY(2.5px) rotate(2.5deg); - } - 58% { - transform: translateY(0.5px) rotate(2.5deg); - } - 60% { - transform: translateY(2.5px) rotate(2.5deg); - } - 62% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 64% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 66% { - transform: translateY(1.5px) rotate(-0.5deg); - } - 68% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 70% { - transform: translateY(1.5px) rotate(0.5deg); - } - 72% { - transform: translateY(2.5px) rotate(1.5deg); - } - 74% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 76% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 78% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 80% { - transform: translateY(1.5px) rotate(1.5deg); - } - 82% { - transform: translateY(-0.5px) rotate(0.5deg); - } - 84% { - transform: translateY(1.5px) rotate(2.5deg); - } - 86% { - transform: translateY(-1.5px) rotate(-1.5deg); - } - 88% { - transform: translateY(-0.5px) rotate(2.5deg); - } - 90% { - transform: translateY(2.5px) rotate(-0.5deg); - } - 92% { - transform: translateY(0.5px) rotate(-0.5deg); - } - 94% { - transform: translateY(2.5px) rotate(0.5deg); - } - 96% { - transform: translateY(-0.5px) rotate(1.5deg); - } - 98% { - transform: translateY(-1.5px) rotate(-0.5deg); - } - 0%, - 100% { - transform: translate(0px) rotate(0deg); - } -} diff --git a/assets/js/joe.global.js b/assets/js/joe.global.js index 42a7755..a7a29a9 100644 --- a/assets/js/joe.global.js +++ b/assets/js/joe.global.js @@ -331,6 +331,19 @@ document.addEventListener('DOMContentLoaded', () => { } } + /* 激活OωO表情 */ + { + new OwO({ + logo: 'OωO表情', + container: document.querySelector('.joe_owo__container'), + target: document.querySelector('.joe_owo__target'), + api: 'https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/json/owo.json', + position: 'down', + width: '100%', + maxHeight: '250px' + }); + } + /* 懒加载 */ new LazyLoad('.lazyload'); diff --git a/assets/js/joe.owo.js b/assets/js/joe.owo.js index 84cfbc8..129a3d3 100644 --- a/assets/js/joe.owo.js +++ b/assets/js/joe.owo.js @@ -1,145 +1 @@ -(() => { - class OwO { - constructor(option) { - const defaultOption = { - container: document.getElementsByClassName('OwO')[0], - target: document.getElementsByTagName('textarea')[0], - position: 'down', - width: '100%', - maxHeight: '250px', - api: 'https://api.anotherhome.net/OwO/OwO.json' - }; - for (let defaultKey in defaultOption) { - if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) { - option[defaultKey] = defaultOption[defaultKey]; - } - } - this.container = option.container; - this.target = option.target; - if (option.position === 'up') { - this.container.classList.add('OwO-up'); - } - const xhr = new XMLHttpRequest(); - xhr.onreadystatechange = () => { - if (xhr.readyState === 4) { - if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) { - this.odata = JSON.parse(xhr.responseText); - this.init(option); - } else { - console.log('OwO data request was unsuccessful: ' + xhr.status); - } - } - }; - xhr.open('get', option.api, true); - xhr.send(null); - } - - init(option) { - this.area = option.target; - this.packages = Object.keys(this.odata); - - // fill in HTML - let html = ` - -
`; - - for (let i = 0; i < this.packages.length; i++) { - html += ` - `; - } - - html += ` -
- -
-
- `; - this.container.innerHTML = html; - - // bind event - this.logo = document.getElementsByClassName('OwO-logo')[0]; - this.logo.addEventListener('click', e => { - e.stopPropagation(); - this.toggle(); - }); - - this.container.getElementsByClassName('OwO-body')[0].addEventListener('click', e => { - let target = null; - if (e.target.classList.contains('OwO-item')) { - target = e.target; - } else if (e.target.parentNode.classList.contains('OwO-item')) { - target = e.target.parentNode; - } - if (target) { - const cursorPos = this.area.selectionEnd; - let areaValue = this.area.value; - //this.area.value = areaValue.slice(0, cursorPos) + target.innerHTML + areaValue.slice(cursorPos); - if (target.dataset.id == 'not-given') { - this.area.value = areaValue.slice(0, cursorPos) + target.innerHTML + areaValue.slice(cursorPos); - } else { - this.area.value = areaValue.slice(0, cursorPos) + target.dataset.id + areaValue.slice(cursorPos); - } - this.area.focus(); - this.toggle(); - } - }); - this.packagesEle = this.container.getElementsByClassName('OwO-packages')[0]; - for (let i = 0; i < this.packagesEle.children.length; i++) { - (index => { - this.packagesEle.children[i].addEventListener('click', e => { - e.stopPropagation(); - this.tab(index); - }); - })(i); - } - this.tab(0); - } - toggle() { - if (this.container.classList.contains('OwO-open')) { - this.container.classList.remove('OwO-open'); - } else { - this.container.classList.add('OwO-open'); - } - } - tab(index) { - const itemsShow = this.container.getElementsByClassName('OwO-items-show')[0]; - if (itemsShow) { - itemsShow.classList.remove('OwO-items-show'); - } - this.container.getElementsByClassName('OwO-items')[index].classList.add('OwO-items-show'); - - const packageActive = this.container.getElementsByClassName('OwO-package-active')[0]; - if (packageActive) { - packageActive.classList.remove('OwO-package-active'); - } - this.packagesEle.getElementsByTagName('li')[index].classList.add('OwO-package-active'); - } - } - if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') { - module.exports = OwO; - } else { - window.OwO = OwO; - } -})(); +"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,t){for(var a=0;a=200&&i.status<300||304===i.status?(a.odata=JSON.parse(i.responseText),a.init(t)):console.log("OwO data request was unsuccessful: "+i.status))},i.open("get",t.api,!0),i.send(null)}return _createClass(e,[{key:"init",value:function(e){var t=this;this.area=e.target,this.packages=Object.keys(this.odata);for(var a='\n \n
',s=0;s';for(var n=this.odata[this.packages[s]].container,i=0;i'+n[i].icon+"";a+="\n "}a+='\n
\n
    ';for(var o=0;o"+this.packages[o]+"";a+="\n
\n
\n
\n ",this.container.innerHTML=a,this.logo=this.container.getElementsByClassName("OwO-logo")[0],this.logo.addEventListener("click",function(){t.toggle()}),this.container.getElementsByClassName("OwO-body")[0].addEventListener("click",function(e){var a=null;if(e.target.classList.contains("OwO-item")?a=e.target:e.target.parentNode.classList.contains("OwO-item")&&(a=e.target.parentNode),a){var s=t.area.selectionEnd,n=t.area.value;t.area.value=n.slice(0,s)+a.innerHTML+n.slice(s),t.area.focus(),t.toggle()}}),this.packagesEle=this.container.getElementsByClassName("OwO-packages")[0];for(var c=function(e){!function(a){t.packagesEle.children[e].addEventListener("click",function(){t.tab(a)})}(e)},l=0;l", "data": "::(呵呵)", "text": "呵呵" }, - { "icon": "", "data": "::(哈哈)", "text": "哈哈" }, - { "icon": "", "data": "::(吐舌)", "text": "吐舌" }, - { "icon": "", "data": "::(太开心)", "text": "太开心" }, - { "icon": "", "data": "::(笑眼)", "text": "笑眼" }, - { "icon": "", "data": "::(花心)", "text": "花心" }, - { "icon": "", "data": "::(小乖)", "text": "小乖" }, - { "icon": "", "data": "::(乖)", "text": "乖" }, - { "icon": "", "data": "::(捂嘴笑)", "text": "捂嘴笑" }, - { "icon": "", "data": "::(滑稽)", "text": "滑稽" }, - { "icon": "", "data": "::(你懂的)", "text": "你懂的" }, - { "icon": "", "data": "::(不高兴)", "text": "不高兴" }, - { "icon": "", "data": "::(怒)", "text": "怒" }, - { "icon": "", "data": "::(汗)", "text": "汗" }, - { "icon": "", "data": "::(黑线)", "text": "黑线" }, - { "icon": "", "data": "::(泪)", "text": "泪" }, - { "icon": "", "data": "::(真棒)", "text": "真棒" }, - { "icon": "", "data": "::(喷)", "text": "喷" }, - { "icon": "", "data": "::(惊哭)", "text": "惊哭" }, - { "icon": "", "data": "::(阴险)", "text": "阴险" }, - { "icon": "", "data": "::(鄙视)", "text": "鄙视" }, - { "icon": "", "data": "::(酷)", "text": "酷" }, - { "icon": "", "data": "::(啊)", "text": "啊" }, - { "icon": "", "data": "::(狂汗)", "text": "狂汗" }, - { "icon": "", "data": "::(what)", "text": "what" }, - { "icon": "", "data": "::(疑问)", "text": "疑问" }, - { "icon": "", "data": "::(酸爽)", "text": "酸爽" }, - { "icon": "", "data": "::(呀咩爹)", "text": "呀咩爹" }, - { "icon": "", "data": "::(委屈)", "text": "委屈" }, - { "icon": "", "data": "::(惊讶)", "text": "惊讶" }, - { "icon": "", "data": "::(睡觉)", "text": "睡觉" }, - { "icon": "", "data": "::(笑尿)", "text": "笑尿" }, - { "icon": "", "data": "::(挖鼻)", "text": "挖鼻" }, - { "icon": "", "data": "::(吐)", "text": "吐" }, - { "icon": "", "data": "::(犀利)", "text": "犀利" }, - { "icon": "", "data": "::(小红脸)", "text": "小红脸" }, - { "icon": "", "data": "::(懒得理)", "text": "懒得理" }, - { "icon": "", "data": "::(勉强)", "text": "勉强" }, - { "icon": "", "data": "::(爱心)", "text": "爱心" }, - { "icon": "", "data": "::(心碎)", "text": "心碎" }, - { "icon": "", "data": "::(玫瑰)", "text": "玫瑰" }, - { "icon": "", "data": "::(礼物)", "text": "礼物" }, - { "icon": "", "data": "::(彩虹)", "text": "彩虹" }, - { "icon": "", "data": "::(太阳)", "text": "太阳" }, - { "icon": "", "data": "::(星星月亮)", "text": "星星月亮" }, - { "icon": "", "data": "::(钱币)", "text": "钱币" }, - { "icon": "", "data": "::(茶杯)", "text": "茶杯" }, - { "icon": "", "data": "::(蛋糕)", "text": "蛋糕" }, - { "icon": "", "data": "::(大拇指)", "text": "大拇指" }, - { "icon": "", "data": "::(胜利)", "text": "胜利" }, - { "icon": "", "data": "::(haha)", "text": "haha" }, - { "icon": "", "data": "::(OK)", "text": "OK" }, - { "icon": "", "data": "::(沙发)", "text": "沙发" }, - { "icon": "", "data": "::(手纸)", "text": "手纸" }, - { "icon": "", "data": "::(香蕉)", "text": "香蕉" }, - { "icon": "", "data": "::(便便)", "text": "便便" }, - { "icon": "", "data": "::(药丸)", "text": "药丸" }, - { "icon": "", "data": "::(红领巾)", "text": "红领巾" }, - { "icon": "", "data": "::(蜡烛)", "text": "蜡烛" }, - { "icon": "", "data": "::(音乐)", "text": "音乐" }, - { "icon": "", "data": "::(灯泡)", "text": "灯泡" }, - { "icon": "", "data": "::(开心)", "text": "开心" }, - { "icon": "", "data": "::(钱)", "text": "钱" }, - { "icon": "", "data": "::(咦)", "text": "咦" }, - { "icon": "", "data": "::(呼)", "text": "呼" }, - { "icon": "", "data": "::(冷)", "text": "冷" }, - { "icon": "", "data": "::(生气)", "text": "生气" }, - { "icon": "", "data": "::(弱)", "text": "弱" } + { "icon": "", "data": "::(呵呵)", "text": "呵呵" }, + { "icon": "", "data": "::(哈哈)", "text": "哈哈" }, + { "icon": "", "data": "::(吐舌)", "text": "吐舌" }, + { "icon": "", "data": "::(太开心)", "text": "太开心" }, + { "icon": "", "data": "::(笑眼)", "text": "笑眼" }, + { "icon": "", "data": "::(花心)", "text": "花心" }, + { "icon": "", "data": "::(小乖)", "text": "小乖" }, + { "icon": "", "data": "::(乖)", "text": "乖" }, + { "icon": "", "data": "::(捂嘴笑)", "text": "捂嘴笑" }, + { "icon": "", "data": "::(滑稽)", "text": "滑稽" }, + { "icon": "", "data": "::(你懂的)", "text": "你懂的" }, + { "icon": "", "data": "::(不高兴)", "text": "不高兴" }, + { "icon": "", "data": "::(怒)", "text": "怒" }, + { "icon": "", "data": "::(汗)", "text": "汗" }, + { "icon": "", "data": "::(黑线)", "text": "黑线" }, + { "icon": "", "data": "::(泪)", "text": "泪" }, + { "icon": "", "data": "::(真棒)", "text": "真棒" }, + { "icon": "", "data": "::(喷)", "text": "喷" }, + { "icon": "", "data": "::(惊哭)", "text": "惊哭" }, + { "icon": "", "data": "::(阴险)", "text": "阴险" }, + { "icon": "", "data": "::(鄙视)", "text": "鄙视" }, + { "icon": "", "data": "::(酷)", "text": "酷" }, + { "icon": "", "data": "::(啊)", "text": "啊" }, + { "icon": "", "data": "::(狂汗)", "text": "狂汗" }, + { "icon": "", "data": "::(what)", "text": "what" }, + { "icon": "", "data": "::(疑问)", "text": "疑问" }, + { "icon": "", "data": "::(酸爽)", "text": "酸爽" }, + { "icon": "", "data": "::(呀咩爹)", "text": "呀咩爹" }, + { "icon": "", "data": "::(委屈)", "text": "委屈" }, + { "icon": "", "data": "::(惊讶)", "text": "惊讶" }, + { "icon": "", "data": "::(睡觉)", "text": "睡觉" }, + { "icon": "", "data": "::(笑尿)", "text": "笑尿" }, + { "icon": "", "data": "::(挖鼻)", "text": "挖鼻" }, + { "icon": "", "data": "::(吐)", "text": "吐" }, + { "icon": "", "data": "::(犀利)", "text": "犀利" }, + { "icon": "", "data": "::(小红脸)", "text": "小红脸" }, + { "icon": "", "data": "::(懒得理)", "text": "懒得理" }, + { "icon": "", "data": "::(勉强)", "text": "勉强" }, + { "icon": "", "data": "::(爱心)", "text": "爱心" }, + { "icon": "", "data": "::(心碎)", "text": "心碎" }, + { "icon": "", "data": "::(玫瑰)", "text": "玫瑰" }, + { "icon": "", "data": "::(礼物)", "text": "礼物" }, + { "icon": "", "data": "::(彩虹)", "text": "彩虹" }, + { "icon": "", "data": "::(太阳)", "text": "太阳" }, + { "icon": "", "data": "::(星星月亮)", "text": "星星月亮" }, + { "icon": "", "data": "::(钱币)", "text": "钱币" }, + { "icon": "", "data": "::(茶杯)", "text": "茶杯" }, + { "icon": "", "data": "::(蛋糕)", "text": "蛋糕" }, + { "icon": "", "data": "::(大拇指)", "text": "大拇指" }, + { "icon": "", "data": "::(胜利)", "text": "胜利" }, + { "icon": "", "data": "::(haha)", "text": "haha" }, + { "icon": "", "data": "::(OK)", "text": "OK" }, + { "icon": "", "data": "::(沙发)", "text": "沙发" }, + { "icon": "", "data": "::(手纸)", "text": "手纸" }, + { "icon": "", "data": "::(香蕉)", "text": "香蕉" }, + { "icon": "", "data": "::(便便)", "text": "便便" }, + { "icon": "", "data": "::(药丸)", "text": "药丸" }, + { "icon": "", "data": "::(红领巾)", "text": "红领巾" }, + { "icon": "", "data": "::(蜡烛)", "text": "蜡烛" }, + { "icon": "", "data": "::(音乐)", "text": "音乐" }, + { "icon": "", "data": "::(灯泡)", "text": "灯泡" }, + { "icon": "", "data": "::(开心)", "text": "开心" }, + { "icon": "", "data": "::(钱)", "text": "钱" }, + { "icon": "", "data": "::(咦)", "text": "咦" }, + { "icon": "", "data": "::(呼)", "text": "呼" }, + { "icon": "", "data": "::(冷)", "text": "冷" }, + { "icon": "", "data": "::(生气)", "text": "生气" }, + { "icon": "", "data": "::(弱)", "text": "弱" } ] }, "阿鲁": { "type": "image", "container": [ - { "icon": "", "data": ":@(高兴)", "text": "高兴" }, - { "icon": "", "data": ":@(小怒)", "text": "小怒" }, - { "icon": "", "data": ":@(脸红)", "text": "脸红" }, - { "icon": "", "data": ":@(内伤)", "text": "内伤" }, - { "icon": "", "data": ":@(装大款)", "text": "装大款" }, - { "icon": "", "data": ":@(赞一个)", "text": "赞一个" }, - { "icon": "", "data": ":@(害羞)", "text": "害羞" }, - { "icon": "", "data": ":@(汗)", "text": "汗" }, - { "icon": "", "data": ":@(吐血倒地)", "text": "吐血倒地" }, - { "icon": "", "data": ":@(深思)", "text": "深思" }, - { "icon": "", "data": ":@(不高兴)", "text": "不高兴" }, - { "icon": "", "data": ":@(无语)", "text": "无语" }, - { "icon": "", "data": ":@(亲亲)", "text": "亲亲" }, - { "icon": "", "data": ":@(口水)", "text": "口水" }, - { "icon": "", "data": ":@(尴尬)", "text": "尴尬" }, - { "icon": "", "data": ":@(中指)", "text": "中指" }, - { "icon": "", "data": ":@(想一想)", "text": "想一想" }, - { "icon": "", "data": ":@(哭泣)", "text": "哭泣" }, - { "icon": "", "data": ":@(便便)", "text": "便便" }, - { "icon": "", "data": ":@(献花)", "text": "献花" }, - { "icon": "", "data": ":@(皱眉)", "text": "皱眉" }, - { "icon": "", "data": ":@(傻笑)", "text": "傻笑" }, - { "icon": "", "data": ":@(狂汗)", "text": "狂汗" }, - { "icon": "", "data": ":@(吐)", "text": "吐" }, - { "icon": "", "data": ":@(喷水)", "text": "喷水" }, - { "icon": "", "data": ":@(看不见)", "text": "看不见" }, - { "icon": "", "data": ":@(鼓掌)", "text": "鼓掌" }, - { "icon": "", "data": ":@(阴暗)", "text": "阴暗" }, - { "icon": "", "data": ":@(长草)", "text": "长草" }, - { "icon": "", "data": ":@(献黄瓜)", "text": "献黄瓜" }, - { "icon": "", "data": ":@(邪恶)", "text": "邪恶" }, - { "icon": "", "data": ":@(期待)", "text": "期待" }, - { "icon": "", "data": ":@(得意)", "text": "得意" }, - { "icon": "", "data": ":@(吐舌)", "text": "吐舌" }, - { "icon": "", "data": ":@(喷血)", "text": "喷血" }, - { "icon": "", "data": ":@(无所谓)", "text": "无所谓" }, - { "icon": "", "data": ":@(观察)", "text": "观察" }, - { "icon": "", "data": ":@(暗地观察)", "text": "暗地观察" }, - { "icon": "", "data": ":@(肿包)", "text": "肿包" }, - { "icon": "", "data": ":@(中枪)", "text": "中枪" }, - { "icon": "", "data": ":@(大囧)", "text": "大囧" }, - { "icon": "", "data": ":@(呲牙)", "text": "呲牙" }, - { "icon": "", "data": ":@(抠鼻)", "text": "抠鼻" }, - { "icon": "", "data": ":@(不说话)", "text": "不说话" }, - { "icon": "", "data": ":@(咽气)", "text": "咽气" }, - { "icon": "", "data": ":@(欢呼)", "text": "欢呼" }, - { "icon": "", "data": ":@(锁眉)", "text": "锁眉" }, - { "icon": "", "data": ":@(蜡烛)", "text": "蜡烛" }, - { "icon": "", "data": ":@(坐等)", "text": "坐等" }, - { "icon": "", "data": ":@(击掌)", "text": "击掌" }, - { "icon": "", "data": ":@(惊喜)", "text": "惊喜" }, - { "icon": "", "data": ":@(喜极而泣)", "text": "喜极而泣" }, - { "icon": "", "data": ":@(抽烟)", "text": "抽烟" }, - { "icon": "", "data": ":@(不出所料)", "text": "不出所料" }, - { "icon": "", "data": ":@(愤怒)", "text": "愤怒" }, - { "icon": "", "data": ":@(无奈)", "text": "无奈" }, - { "icon": "", "data": ":@(黑线)", "text": "黑线" }, - { "icon": "", "data": ":@(投降)", "text": "投降" }, - { "icon": "", "data": ":@(看热闹)", "text": "看热闹" }, - { "icon": "", "data": ":@(扇耳光)", "text": "扇耳光" }, - { "icon": "", "data": ":@(小眼睛)", "text": "小眼睛" }, - { "icon": "", "data": ":@(中刀)", "text": "中刀" } + { "icon": "", "data": ":@(高兴)", "text": "高兴" }, + { "icon": "", "data": ":@(小怒)", "text": "小怒" }, + { "icon": "", "data": ":@(脸红)", "text": "脸红" }, + { "icon": "", "data": ":@(内伤)", "text": "内伤" }, + { "icon": "", "data": ":@(装大款)", "text": "装大款" }, + { "icon": "", "data": ":@(赞一个)", "text": "赞一个" }, + { "icon": "", "data": ":@(害羞)", "text": "害羞" }, + { "icon": "", "data": ":@(汗)", "text": "汗" }, + { "icon": "", "data": ":@(吐血倒地)", "text": "吐血倒地" }, + { "icon": "", "data": ":@(深思)", "text": "深思" }, + { "icon": "", "data": ":@(不高兴)", "text": "不高兴" }, + { "icon": "", "data": ":@(无语)", "text": "无语" }, + { "icon": "", "data": ":@(亲亲)", "text": "亲亲" }, + { "icon": "", "data": ":@(口水)", "text": "口水" }, + { "icon": "", "data": ":@(尴尬)", "text": "尴尬" }, + { "icon": "", "data": ":@(中指)", "text": "中指" }, + { "icon": "", "data": ":@(想一想)", "text": "想一想" }, + { "icon": "", "data": ":@(哭泣)", "text": "哭泣" }, + { "icon": "", "data": ":@(便便)", "text": "便便" }, + { "icon": "", "data": ":@(献花)", "text": "献花" }, + { "icon": "", "data": ":@(皱眉)", "text": "皱眉" }, + { "icon": "", "data": ":@(傻笑)", "text": "傻笑" }, + { "icon": "", "data": ":@(狂汗)", "text": "狂汗" }, + { "icon": "", "data": ":@(吐)", "text": "吐" }, + { "icon": "", "data": ":@(喷水)", "text": "喷水" }, + { "icon": "", "data": ":@(看不见)", "text": "看不见" }, + { "icon": "", "data": ":@(鼓掌)", "text": "鼓掌" }, + { "icon": "", "data": ":@(阴暗)", "text": "阴暗" }, + { "icon": "", "data": ":@(长草)", "text": "长草" }, + { "icon": "", "data": ":@(献黄瓜)", "text": "献黄瓜" }, + { "icon": "", "data": ":@(邪恶)", "text": "邪恶" }, + { "icon": "", "data": ":@(期待)", "text": "期待" }, + { "icon": "", "data": ":@(得意)", "text": "得意" }, + { "icon": "", "data": ":@(吐舌)", "text": "吐舌" }, + { "icon": "", "data": ":@(喷血)", "text": "喷血" }, + { "icon": "", "data": ":@(无所谓)", "text": "无所谓" }, + { "icon": "", "data": ":@(观察)", "text": "观察" }, + { "icon": "", "data": ":@(暗地观察)", "text": "暗地观察" }, + { "icon": "", "data": ":@(肿包)", "text": "肿包" }, + { "icon": "", "data": ":@(中枪)", "text": "中枪" }, + { "icon": "", "data": ":@(大囧)", "text": "大囧" }, + { "icon": "", "data": ":@(呲牙)", "text": "呲牙" }, + { "icon": "", "data": ":@(抠鼻)", "text": "抠鼻" }, + { "icon": "", "data": ":@(不说话)", "text": "不说话" }, + { "icon": "", "data": ":@(咽气)", "text": "咽气" }, + { "icon": "", "data": ":@(欢呼)", "text": "欢呼" }, + { "icon": "", "data": ":@(锁眉)", "text": "锁眉" }, + { "icon": "", "data": ":@(蜡烛)", "text": "蜡烛" }, + { "icon": "", "data": ":@(坐等)", "text": "坐等" }, + { "icon": "", "data": ":@(击掌)", "text": "击掌" }, + { "icon": "", "data": ":@(惊喜)", "text": "惊喜" }, + { "icon": "", "data": ":@(喜极而泣)", "text": "喜极而泣" }, + { "icon": "", "data": ":@(抽烟)", "text": "抽烟" }, + { "icon": "", "data": ":@(不出所料)", "text": "不出所料" }, + { "icon": "", "data": ":@(愤怒)", "text": "愤怒" }, + { "icon": "", "data": ":@(无奈)", "text": "无奈" }, + { "icon": "", "data": ":@(黑线)", "text": "黑线" }, + { "icon": "", "data": ":@(投降)", "text": "投降" }, + { "icon": "", "data": ":@(看热闹)", "text": "看热闹" }, + { "icon": "", "data": ":@(扇耳光)", "text": "扇耳光" }, + { "icon": "", "data": ":@(小眼睛)", "text": "小眼睛" }, + { "icon": "", "data": ":@(中刀)", "text": "中刀" } ] }, "颜文字": { diff --git a/public/comment.php b/public/comment.php index 8aee880..af40ee9 100644 --- a/public/comment.php +++ b/public/comment.php @@ -30,7 +30,7 @@
- +
+
取消