跟香港

assets/css/joe.global.min.scss

@@ -2255,7 +2255,7 @@
 			padding: 12px;
 			border: 1px solid var(--classB);
 			border-left-width: 4px;
-			border-radius: 4px;
+			border-radius: var(--radius-inner);
 			color: var(--routine);
 			*:last-child {
 				margin-bottom: 0 !important;
@@ -2268,7 +2268,7 @@
 			background: var(--background);
 			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 			border: 1px solid var(--classC);
-			border-radius: 4px;
+			border-radius: var(--radius-inner);
 			.heads {
 				width: 100%;
 				overflow-x: auto;
@@ -2316,6 +2316,23 @@
 				}
 			}
 		}
+		&-card_list {
+			display: block;
+			border: 1px solid var(--classC);
+			border-radius: var(--radius-inner);
+			overflow: hidden;
+			.item {
+				padding: 12px 15px;
+				border-bottom: 1px solid var(--classC);
+				&:last-child {
+					border-bottom: none;
+				}
+				*:last-child {
+					margin-bottom: 0 !important;
+				}
+			}
+		}
+
 
 		/* 以下未测试 */
 		&-protected {

assets/js/joe.short.js

@@ -315,6 +315,28 @@ document.addEventListener('DOMContentLoaded', () => {
 		}
 	}
 	window.customElements.define('joe-tabs', JoeTabs);
+	class JoeCardList extends HTMLElement {
+		constructor() {
+			super();
+			const _temp = this.querySelector('._temp');
+			let _innerHTML = _temp.innerHTML.trim().replace(/^(<br>)|(<br>)$/g, '');
+			let content = '';
+			_innerHTML.replace(/{card-list-item}([\s\S]*?){\/card-list-item}/g, function ($0, $1) {
+				content += `<div class="item">${$1.trim().replace(/^(<br>)|(<br>)$/g, '')}</div>`;
+			});
+			let htmlStr = `<span class="joe_detail__article-card_list">${content}</span>`;
+			if (this.querySelector('._content')) {
+				this.querySelector('._content').innerHTML = htmlStr;
+			} else {
+				const span = document.createElement('span');
+				span.className = '_content';
+				span.style.display = 'block';
+				span.innerHTML = htmlStr;
+				this.appendChild(span);
+			}
+		}
+	}
+	window.customElements.define('joe-card-list', JoeCardList);
 
 	$('.joe_detail__article p:empty').remove();
 	/*