Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
butter-studio
Commits
05882672
Commit
05882672
authored
Jun 30, 2021
by
Kim, Subin
Browse files
제목 달기
parent
19a0a6cb
Changes
1
Show whitespace changes
Inline
Side-by-side
client/src/components/MovieChart/MovieChart.js
View file @
05882672
...
...
@@ -7,7 +7,7 @@ const MovieChart = () => {
console
.
log
(
"
item
"
,
items
)
items
.
forEach
((
el
)
=>
{
console
.
log
(
"
el
"
,
el
)
console
.
log
(
"
el
"
,
el
)
const
minPerSlide
=
4
let
next
=
el
.
nextElementSibling
for
(
let
i
=
1
;
i
<
minPerSlide
;
i
++
)
{
...
...
@@ -22,6 +22,8 @@ const MovieChart = () => {
},
[])
return
(
<>
<
h2
className
=
"
fw-bold text-white text-center my-5
"
>
Box
Office
<
/h2
>
<
div
id
=
"
multi-carousel
"
className
=
{
`d-flex carousel slide align-items-center
${
styles
.
customHeight
}
`
}
data
-
bs
-
ride
=
"
carousel
"
>
<
div
className
=
"
carousel-inner
"
>
<
div
className
=
"
carousel-item active
"
>
...
...
@@ -31,7 +33,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400/31f?text=1
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
1
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -42,7 +44,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400/e66?text=2
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
2
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -53,7 +55,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400/7d2?text=3
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
3
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -64,7 +66,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400?text=4
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
4
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -75,7 +77,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400/aba?text=5
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
5
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -86,7 +88,7 @@ const MovieChart = () => {
<
img
src
=
"
//via.placeholder.com/500x400/fc0?text=6
"
className
=
"
img-fluid
"
/>
<
/div
>
<
div
className
=
{
`card-img-overlay text-white
${
styles
.
dNone
}
`
}
>
Slide
6
<
/div
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
button
className
=
"
btn btn-warning text-white my-1
"
onClick
=
{(
e
)
=>
console
.
log
(
"
click
"
,
e
)}
>
예매하기
<
/button
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -100,6 +102,7 @@ const MovieChart = () => {
<
span
className
=
"
visually-hidden
"
>
Next
<
/span
>
<
/button
>
<
/div
>
<
/
>
)
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment