본문 바로가기
반응형

분류 전체보기98

다중셀렉트 https://apollo.primevue.org/uikit/input 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293template>  div>    div v-for="(item, index) in items" :key="item.id" class="checkbox-item">      input        type="checkbox"        :id="item.id"        :checked="item.checked"    .. 2024. 9. 10.
레이어팝업 하단 고정 스크롤 https://homepage-mob.skcarrental.com/carList https://homepage-mob.skcarrental.com/carList homepage-mob.skcarrental.com1 display:flex; flex-direction:column2 height:auto; overflow-y: auto;3. padding: 10px 20px calc(env(safe-area-inset-bottom); 2024. 9. 4.
라운드 이미지 뱃지 라운드 이미지 옆에 뱃지가 있는데 튀어나가는경우outer : relativebox에 overflow:hidden; box에는 릴레티브를 주지않는다badge의 부모는 outer   See the Pen 라운드이미지 뱃지 overflow:hidden; by uni (@agosto) on CodePen. 2024. 9. 4.
quasar flex기준 왼쪽 오른쪽일때 왼족 오른쪽 나뉠때 저 태그 하나만 넣어주면 flex-grow:1 =>내가 남은영역은 다 꽉채워주겠다!   라디오 사이에 간격q-gutter-sm   => margin-top:-8px  / margin-left:-8px q-gutter-sm > *   => margin-top:8px  /  margin-left:8px  이미지 비율16:9 = > padding-bottom: 56.25% 1:1 = > padding-bottom: 100%; 4:3 => padding-bottom: 75%; 2024. 8. 5.
:class 클래스를 바인더로 하면 value값으로 조정할수있다 2024. 8. 4.
레이어팝업 1. 템플릿 (template) 구성코드 스니펫 Show Default Popup Show Slide Up Popup Show Slide Down Popup Show Flip Popup   2. 스크립트 (script) 구성 아이디로 레이어팝업123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102template>  transition :name="animationClass">    div v-.. 2024. 8. 2.
반응형

티스토리툴바