▒ Design Component ▒

Smart Hospital

data_object

가이드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div class="filter_ver5">
    <!-- 필터 -->
    <div class="filter-box">
        <div class="filter-label">
            <span class="material-icons-round md-18">tune</span>필터
        </div>
        <div class="filter-list">...
        </div>
        <div class="filter-function">
            <!-- 자동갱신 위젯 -->
            <div class="autoreset-box">
                <div class="pnt-border"></div>자동갱신
                <div class="pnt-select--group" tabindex="0">
                </div>
            </div>
            <!-- 더보기 버튼(모바일용) -->
            <button class="pnt-btn btn-gray btn-icon show__under-mobile filter-open">
                <span class="material-icons-round">arrow_drop_down</span>more
            </button>
        </div>
    </div>
    <!-- 검색 -->
    <div class="search-box">
        <div class="filter-label">
            <span class="material-icons-round md-18">search</span>검색
        </div>
        <div class="search-wrap">...
        </div>
    </div>
</div>

[필수 클래스]

filter_ver5

ads_click

기능

필터를 접으면 레이아웃이 어떻게 변하는지 보세요.

해당 기능은 SmartHospital에는 들어가지 않습니다.

페이지별로 상이하게 들어가는 필터를 보기 위해 제작되었습니다.

tune필터

off

search검색

off

visibility전체 창

off