diff --git a/assets/js/joe.short.js b/assets/js/joe.short.js
index bf1adc4..66a4725 100644
--- a/assets/js/joe.short.js
+++ b/assets/js/joe.short.js
@@ -1,5 +1,4 @@
document.addEventListener('DOMContentLoaded', () => {
- /* 网易云音乐 - 歌单 √ */
class JoeMlist extends HTMLElement {
constructor() {
super();
@@ -11,21 +10,15 @@ document.addEventListener('DOMContentLoaded', () => {
this.render();
}
get template() {
- return `
-
-
- `;
+ return ``;
}
render() {
- this.innerHTML = '';
- this._shadowRoot = this.attachShadow({ mode: 'closed' });
- if (this.options.id) this._shadowRoot.innerHTML = this.template;
- else this._shadowRoot.innerHTML = '网易云歌单ID未填写!';
+ if (this.options.id) this.innerHTML = this.template;
+ else this.innerHTML = '网易云歌单ID未填写!';
}
}
window.customElements.define('joe-mlist', JoeMlist);
- /* 网易云音乐 - 歌曲 √ */
class JoeMusic extends HTMLElement {
constructor() {
super();
@@ -37,20 +30,38 @@ document.addEventListener('DOMContentLoaded', () => {
this.render();
}
get template() {
- return `
-
-
- `;
+ return ``;
}
render() {
- this.innerHTML = '';
- this._shadowRoot = this.attachShadow({ mode: 'closed' });
- if (this.options.id) this._shadowRoot.innerHTML = this.template;
- else this._shadowRoot.innerHTML = '网易云歌单ID未填写!';
+ if (this.options.id) this.innerHTML = this.template;
+ else this.innerHTML = '网易云歌单ID未填写!';
}
}
window.customElements.define('joe-music', JoeMusic);
+
+ class JoeBilibili extends HTMLElement {
+ constructor() {
+ super();
+ this.options = {
+ bvid: this.getAttribute('bvid')
+ };
+ this.render();
+ }
+ get template() {
+ return ``;
+ }
+ render() {
+ if (this.options.bvid) this.innerHTML = this.template;
+ else this.innerHTML = 'Bvid未填写!';
+ }
+ }
+ window.customElements.define('joe-bilibili', JoeBilibili);
+
+
+
+
+
/* 便条按钮 */
class JoeAnote extends HTMLElement {
constructor() {
@@ -121,26 +132,6 @@ document.addEventListener('DOMContentLoaded', () => {
}
}
window.customElements.define('joe-dplayer', JoeDplayer);
- /* BiliBili */
- class JoeBilibili extends HTMLElement {
- constructor() {
- super();
- this.options = {
- bvid: this.getAttribute('bvid')
- };
- this.render();
- }
- get template() {
- return `
-
- `;
- }
- render() {
- if (this.options.bvid) this.innerHTML = this.template;
- else this.innerHTML = 'Bvid未填写!';
- }
- }
- window.customElements.define('joe-bilibili', JoeBilibili);
/* 居中标题 */
class JoeMtitle extends HTMLElement {
constructor() {
diff --git a/assets/js/joe.short.min.js b/assets/js/joe.short.min.js
index b476fb4..f56f9e8 100644
--- a/assets/js/joe.short.min.js
+++ b/assets/js/joe.short.min.js
@@ -1 +1 @@
-document.addEventListener("DOMContentLoaded",()=>{class t extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",autoplay:this.getAttribute("autoplay")?1:0},this.render()}get template(){return`\n\t\t\t\t\n\t\t\t\t\n\t\t\t`}render(){this.innerHTML="",this._shadowRoot=this.attachShadow({mode:"closed"}),this.options.id?this._shadowRoot.innerHTML=this.template:this._shadowRoot.innerHTML="网易云歌单ID未填写!"}}window.customElements.define("joe-mlist",t);class e extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",autoplay:this.getAttribute("autoplay")?1:0},this.render()}get template(){return`\n \t\n \t\n \t`}render(){this.innerHTML="",this._shadowRoot=this.attachShadow({mode:"closed"}),this.options.id?this._shadowRoot.innerHTML=this.template:this._shadowRoot.innerHTML="网易云歌单ID未填写!"}}window.customElements.define("joe-music",e);class i extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"fa-download",href:this.getAttribute("href")||"#",type:/^secondary$|^success$|^warning$|^error$|^info$/.test(this.getAttribute("type"))?this.getAttribute("type"):"secondary",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"标签按钮"},this.render()}get template(){return`\n \n ${this.options.content}\n \n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-anote",i);class n extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"",color:this.getAttribute("color")||"#ff6800",href:this.getAttribute("href")||"#",radius:this.getAttribute("radius")||"17.5px",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"多彩按钮"},this.render()}get template(){return`\n \n ${this.options.content}\n \n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-abtn",n);class s extends HTMLElement{constructor(){super(),this.options={src:this.getAttribute("src"),player:this.getAttribute("player")},this.render()}get template(){return`\n \n `}render(){this.options.src?this.innerHTML=this.template:this.innerHTML="播放地址未填写!"}}window.customElements.define("joe-dplayer",s);class o extends HTMLElement{constructor(){super(),this.options={bvid:this.getAttribute("bvid")},this.render()}get template(){return`\n \n `}render(){this.options.bvid?this.innerHTML=this.template:this.innerHTML="Bvid未填写!"}}window.customElements.define("joe-bilibili",o);class r extends HTMLElement{constructor(){super(),this.options={content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"居中标题"},this.render()}get template(){return`\n