qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FAQ페이지 추가

Browse Source
This commit is contained in:
김창수 2024-10-14 13:52:14 +09:00
parent 904f03642b
commit fbef91f91c
4 changed files with 207 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/app/community/FAQ/page.jsx
View File

@ -1,5 +1,48 @@
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 FAQTable from "@/components/sub/community/FAQ/FAQTable";
import FAQDetailPop from "@/components/sub/community/FAQ/FAQDetailPop";
export default function FAQPage(){
return(
<div></div>
<div className="wrap">
<Header/>
<div className="content">
<div className="sub-header">
<div className="sub-header-inner">
<ul className="sub-header-title-wrap">
<li className='title-item'>
<Link className='sub-header-title' href={'#'}>FAQ</Link>
</li>
</ul>
<ul className="sub-header-location">
<li className="location-item">
<span className="home">
<Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
</span>
</li>
<li className="location-item">
<span>物品及び図面管理</span>
</li>
<li className="location-item">
<span>新規物件登録</span>
</li>
</ul>
</div>
</div>
<div className="sub-content">
<div className="sub-content-inner">
<FAQTable/>
</div>
</div>
</div>
<Footer/>
{/* FAQ 상세 */}
<FAQDetailPop/>
</div>
)
}

27
src/components/sub/community/FAQ/FAQDetailPop.jsx Normal file
View File

@ -0,0 +1,27 @@
export default function FAQDetailPop(){
return(
<div className="modal-popup community">
<div className="modal-dialog">
<div className="modal-content">
<div className="modal-header">
<button className="modal-close">닫기</button>
</div>
<div className="modal-body">
<div className="community_detail">
<div className="community_detail-tit">[FAQ 00] 投稿のタイトルを表示</div>
<dl className="community_detail-file-wrap">
<dt>添付ファイル一覧</dt>
<dd><button className="down">ファイルネーミング.pdf</button></dd>
<dd><button className="down">ファイルネーミング.png</button></dd>
<dd><button className="down">ファイルネーミング.jpeg</button></dd>
</dl>
<div className="community_detail-inner">
お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されます お知らせ内容 表示されますお知らせ内容 表示されます お知らせ内容 表示されます
</div>
</div>
</div>
</div>
</div>
</div>
)
}

135
src/components/sub/community/FAQ/FAQTable.jsx Normal file
View File

@ -0,0 +1,135 @@
import Pagination from "@/components/common/grid/Pagination";
export default function FAQTable(){
return(
<div className="sub-table-box">
<div className="community-search-warp">
<div className="community-search-box">
<input type="text" className="community-input" />
<button className="community-search-ico"></button>
</div>
<div className="community-search-keyword"><span>qpeak</span> について銃 <span>5</span> 提案 投稿が検索されました.</div>
</div>
<div className="table-box-title-wrap">
<div className="title-wrap">
<h3>FAQリスト </h3>
<ul className="info-wrap">
<li>全体 <span className="red">6</span></li>
</ul>
</div>
<div className="left-unit-box">
<div className="select-box" style={{width : '80px'}}>
<select className="select-light black" name="" id="">
<option>100</option>
</select>
</div>
</div>
</div>
<div className="community-table">
<table>
<colgroup>
<col width={100}/>
<col />
<col width={200}/>
</colgroup>
<tbody>
<tr>
<td className="al-c">99</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
<span className="clip"></span>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">98</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">97</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">96</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
<span className="clip"></span>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">95</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">94</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">93</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
<span className="clip"></span>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">92</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">91</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
<tr>
<td className="al-c">90</td>
<td>
<div className="text-frame">
<div className="text-overflow">[FAQ 00] ソフトウェア使用許諾契約</div>
</div>
</td>
<td className="al-c">2024.07.18</td>
</tr>
</tbody>
</table>
</div>
<Pagination/>
</div>
)
}

2
src/styles/_submodal.scss
View File

@ -295,7 +295,7 @@
}
}
.community_detail-inner{
padding-top: 24px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 13px;
font-weight: 400;