#12 아티스트 설명

UTA-CONNECT · Jun 17, 2021 · be22413 · be22413
1 parent 8679251
commit be22413
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/public/assets/css/artist.css b/public/assets/css/artist.css
@@ -31,6 +31,17 @@ div.artist-img {
     background-color: #cccccc;
 }
 
+pre.artist-desc {
+    font-size: 24.4px;
+    font-weight: 500;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.2;
+    letter-spacing: normal;
+    text-align: left;
+    color: #333333;
+}
+
 div.conne-sd-row {
     position: absolute;
     width: 100%;

diff --git a/public/index.html b/public/index.html
@@ -216,7 +216,16 @@
                                         <div class="col-4" style="padding: 7%;">
                                             <div class="artist-img"></div>
                                         </div>
-                                        <div class="col"></div>
+                                        <div class="col">
+                                            <div class="row" style="height: 50%;">
+                                                <div class="col align-bottom">
+                                                    <span id="name" class=" align-bottom"></span>
+                                                </div>
+                                            </div>
+                                            <div class="row" style="height: 50%;">
+                                                <pre class="col artist-desc" id="desc"></pre>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>

diff --git a/public/src/artist.js b/public/src/artist.js
@@ -67,6 +67,12 @@ function init() {
         artistItem.ele = ele;
         artistItem.ele.removeAttribute('hidden');
         document.querySelector('div.block2-body-container').appendChild(ele);
+
+        if (artistItem.type === 'box') {
+            console.log(artistItem.ele);
+            artistItem.ele.querySelector('#name').textContent = artistItem.title;
+            artistItem.ele.querySelector('#desc').textContent = artistItem.desc;
+        }
     })
 }