From 3625da93c922b8e73ae7c6edd45eee2a4f1b60d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Mon, 14 Oct 2024 14:43:58 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9E=90=EB=A3=8C=20=EB=8B=A4=EC=9A=B4?= =?UTF-8?q?=EB=A1=9C=EB=93=9C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/images/sub/file_down_btn.svg | 6 ++ src/app/community/filedown/page.jsx | 44 +++++++++++++++ src/components/publishpage/PublishPage.jsx | 8 ++- .../sub/community/filedown/FileDownForm.jsx | 50 +++++++++++++++++ src/styles/_contents.scss | 56 +++++++++++++++++++ 5 files changed, 163 insertions(+), 1 deletion(-) create mode 100644 public/static/images/sub/file_down_btn.svg create mode 100644 src/app/community/filedown/page.jsx create mode 100644 src/components/sub/community/filedown/FileDownForm.jsx diff --git a/public/static/images/sub/file_down_btn.svg b/public/static/images/sub/file_down_btn.svg new file mode 100644 index 0000000..3159305 --- /dev/null +++ b/public/static/images/sub/file_down_btn.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/app/community/filedown/page.jsx b/src/app/community/filedown/page.jsx new file mode 100644 index 0000000..71670f0 --- /dev/null +++ b/src/app/community/filedown/page.jsx @@ -0,0 +1,44 @@ +import Footer from "@/components/layout/Footer"; +import Header from "@/components/layout/Header"; +import Image from "next/image"; +import Link from "next/link"; +import '@/styles/contents.scss'; +import FileDownForm from "@/components/sub/community/filedown/FileDownForm"; + +export default function FileDownPage(){ + return( +
+
+
+
+
+
    +
  • + 資料のダウンロード +
    • +
+
    +
  • + + react + +
    • +
  • + 物品及び図面管理 +
    • +
  • + 新規物件登録 +
    • +
+
+
+
+
+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx index 8b91535..10ea800 100644 --- a/src/components/publishpage/PublishPage.jsx +++ b/src/components/publishpage/PublishPage.jsx @@ -147,7 +147,7 @@ export default function PublishPage() { 2024-10-11 - 커뮤니티 + 커뮤니티 공지사항 NoticePage @@ -159,6 +159,12 @@ export default function PublishPage() { 2024-10-14 + + 자료 다운로드 + FileDownPage + + 2024-10-14 + diff --git a/src/components/sub/community/filedown/FileDownForm.jsx b/src/components/sub/community/filedown/FileDownForm.jsx new file mode 100644 index 0000000..bdfbea5 --- /dev/null +++ b/src/components/sub/community/filedown/FileDownForm.jsx @@ -0,0 +1,50 @@ +const fileName = [ + {id:1, name:'北面設置配置設計およ び発注案内操作マニュアル'}, + {id:2, name:'北面屋根設置に関する確認書'}, + {id:3, name:'サービス要求フォーム'}, + {id:4, name:'図面屋根の説明書'}, + {id:5, name:'保証書再発行依頼書 (申請内容訂正理由)'}, + {id:6, name:'図面操作マニュアル'}, + {id:7, name:'北面設置配置設計およ び発注案内操作マニュアル'}, + {id:8, name:'北面屋根設置に関する確認書'}, + {id:9, name:'サービス要求フォーム'}, + {id:10, name:'図面屋根の説明書'}, + {id:11, name:'図面屋根の説明書'}, + {id:12, name:'資料ダウンロードタイトル'}, +] + +export default function FileDownForm(){ + return( +
+
+
+ + +
+
qpeak について銃 5 提案 投稿が検索されました.
+
+
+
+

文書リスト

+
    +
  • 全体 6
    • +
+
+
+
+ {fileName.map((item) => ( +
+
+
98
+
{item.name}
+
アップデート : 2024.07.18 10:00:11
+
+
+ +
+
+ ))} +
+
+ ) +} \ No newline at end of file diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index f5965e2..f221f7f 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -1144,4 +1144,60 @@ color: #F16A6A; } } +} + +// 자료 다운로드 +.file-down-list{ + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 14px; + .file-down-item{ + display: flex; + align-items: center; + padding: 24px; + border-radius: 4px; + border: 1px solid #E5E5E5; + background: #FFF; + transition: all .15s ease-in-out; + cursor: pointer; + .file-item-info{ + .item-num{ + display: inline-block; + padding: 6px 17.5px; + border-radius: 60px; + background-color: #F4F4F7; + font-size: 13px; + font-weight: 600; + color: #101010; + margin-bottom: 15px; + } + .item-name{ + font-size: 16px; + color: #101010; + font-weight: 500; + margin-bottom: 13px; + } + .item-date{ + font-size: 13px; + font-weight: 400; + color: #344356; + } + } + .file-down-box{ + display: flex; + align-items: center; + flex: none; + margin-left: auto; + height: 100%; + .file-down-btn{ + width: 36px; + height: 36px; + background: url(../../public/static/images/sub/file_down_btn.svg)no-repeat center; + background-size: cover; + } + } + &:hover{ + background-color: #F4F4F7; + } + } } \ No newline at end of file