Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
P
play_office
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
play_office
Commits
d9682a2b
Commit
d9682a2b
authored
Nov 12, 2024
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat
parent
4d6dd087
Changes
4
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
14 additions
and
14 deletions
+14
-14
index-DxwsA9db.css
play/assets/index-DxwsA9db.css
+1
-1
index-LG8DS8SY.js
play/assets/index-LG8DS8SY.js
+1
-1
index.html
play/index.html
+2
-2
App.vue
vue-proj/vue-project/src/App.vue
+10
-10
No files found.
play/assets/index-D
5frsKoS
.css
→
play/assets/index-D
xwsA9db
.css
View file @
d9682a2b
.thumbnail-container
{
position
:
fixed
;
bottom
:
-150px
;
left
:
0
;
right
:
0
;
height
:
140px
;
background-color
:
#505050
e6
;
transition
:
bottom
.3s
ease
;
z-index
:
999
}
.thumbnail-container.show
{
bottom
:
0
}
.thumbnail-list
{
display
:
flex
;
overflow-x
:
auto
;
padding
:
10px
;
gap
:
10px
;
height
:
100%
}
.thumbnail-item
{
flex
:
0
0
auto
;
width
:
160px
;
height
:
120px
;
position
:
relative
;
cursor
:
pointer
;
transition
:
all
.2s
ease
;
padding
:
2px
;
border-radius
:
4px
;
background-color
:
transparent
}
.thumbnail-item
img
{
width
:
100%
;
height
:
100%
;
object-fit
:
cover
;
border-radius
:
4px
;
border
:
2px
solid
transparent
;
transition
:
all
.2s
ease
}
.thumbnail-item.active
{
background-color
:
#ffffff4
d
;
transform
:
scale
(
1.05
);
box-shadow
:
0
0
10px
#ffffff80
}
.thumbnail-item.active
img
{
border-color
:
#fff
}
.thumbnail-item
:hover:not
(
.active
)
{
transform
:
scale
(
1.05
);
background-color
:
#ffffff1
a
}
.thumbnail-item
.page-number
{
position
:
absolute
;
bottom
:
5px
;
left
:
50%
;
transform
:
translate
(
-50%
);
background-color
:
#000000
b3
;
color
:
#fff
;
padding
:
2px
8px
;
border-radius
:
10px
;
font-size
:
12px
}
.thumbnail-list
::-webkit-scrollbar
{
height
:
8px
}
.thumbnail-list
::-webkit-scrollbar-track
{
background
:
#0000001
a
;
border-radius
:
4px
}
.thumbnail-list
::-webkit-scrollbar-thumb
{
background
:
#ffffff4
d
;
border-radius
:
4px
}
.thumbnail-list
::-webkit-scrollbar-thumb:hover
{
background
:
#ffffff80
}
.error-message
[
data-v-
5e90ea40
]
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
height
:
100%
;
font-size
:
16px
;
color
:
#666
}
.page-buttons-container
[
data-v-5e90ea40
]
{
position
:
fixed
;
bottom
:
20px
;
right
:
20px
;
display
:
flex
;
gap
:
15px
;
z-index
:
1000
}
.page-button
[
data-v-5e90ea40
]
{
width
:
50px
;
height
:
50px
;
background-color
:
#50505099
;
border-radius
:
25px
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
color
:
#ffffff
e6
;
font-size
:
24px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
cursor
:
pointer
;
transition
:
all
.3s
ease
;
box-shadow
:
0
2px
6px
#00000026
}
.page-button
[
data-v-5e90ea40
]
:hover
{
background-color
:
#3c3c3c
cc
;
transform
:
scale
(
1.1
)}
.page-button
[
data-v-5e90ea40
]
:active
{
transform
:
scale
(
.95
)}
.arrow
[
data-v-5e90ea40
]
{
border
:
solid
white
;
border-width
:
0
2px
2px
0
;
display
:
inline-block
;
padding
:
4px
}
.left
[
data-v-5e90ea40
]
{
transform
:
rotate
(
135deg
);
margin-left
:
4px
}
.right
[
data-v-5e90ea40
]
{
transform
:
rotate
(
-45deg
);
margin-right
:
4px
}
.menu-icon
[
data-v-5e90ea40
]
{
width
:
18px
;
height
:
14px
;
position
:
relative
;
border-top
:
2px
solid
white
;
border-bottom
:
2px
solid
white
}
.menu-icon
[
data-v-5e90ea40
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
width
:
100%
;
height
:
2px
;
background-color
:
#fff
;
transform
:
translateY
(
-50%
)}
.thumbnail-container
[
data-v-5e90ea40
]
{
position
:
fixed
;
bottom
:
-150px
;
left
:
0
;
right
:
0
;
height
:
140px
;
background-color
:
#505050
e6
;
transition
:
bottom
.3s
ease
;
z-index
:
999
}
.thumbnail-container.show
[
data-v-5e90ea40
]
{
bottom
:
0
}
.thumbnail-list
[
data-v-5e90ea40
]
{
display
:
flex
;
overflow-x
:
auto
;
padding
:
10px
;
gap
:
10px
;
height
:
100%
}
.thumbnail-item
[
data-v-5e90ea40
]
{
flex
:
0
0
auto
;
width
:
100px
;
height
:
120px
;
position
:
relative
;
cursor
:
pointer
;
transition
:
all
.2s
ease
;
padding
:
2px
;
border-radius
:
4px
}
.thumbnail-item
img
[
data-v-5e90ea40
]
{
width
:
100%
;
height
:
100%
;
object-fit
:
cover
;
border-radius
:
4px
;
border
:
2px
solid
transparent
;
transition
:
all
.2s
ease
}
.thumbnail-item.active
[
data-v-5e90ea40
]
{
background-color
:
#ffffff4
d
;
transform
:
scale
(
1.05
);
box-shadow
:
0
0
10px
#ffffff80
}
.thumbnail-item.active
img
[
data-v-5e90ea40
]
{
border-color
:
#fff
}
.thumbnail-item
.page-number
[
data-v-5e90ea40
]
{
position
:
absolute
;
bottom
:
5px
;
left
:
50%
;
transform
:
translate
(
-50%
);
background-color
:
#000000
b3
;
color
:
#fff
;
padding
:
2px
8px
;
border-radius
:
10px
;
font-size
:
12px
}
.thumbnail-item
[
data-v-5e90ea40
]
:hover:not
(
.active
)
{
transform
:
scale
(
1.05
);
background-color
:
#ffffff1
a
}
.thumbnail-list
[
data-v-5e90ea40
]
::-webkit-scrollbar
{
height
:
8px
}
.thumbnail-list
[
data-v-5e90ea40
]
::-webkit-scrollbar-track
{
background
:
#0000001
a
;
border-radius
:
4px
}
.thumbnail-list
[
data-v-5e90ea40
]
::-webkit-scrollbar-thumb
{
background
:
#ffffff4
d
;
border-radius
:
4px
}
.thumbnail-list
[
data-v-5e90ea40
]
::-webkit-scrollbar-thumb:hover
{
background
:
#ffffff80
}
.thumbnail-container
{
position
:
fixed
;
bottom
:
-150px
;
left
:
0
;
right
:
0
;
height
:
140px
;
background-color
:
#505050
e6
;
transition
:
bottom
.3s
ease
;
z-index
:
999
}
.thumbnail-container.show
{
bottom
:
0
}
.thumbnail-list
{
display
:
flex
;
overflow-x
:
auto
;
padding
:
10px
;
gap
:
10px
;
height
:
100%
}
.thumbnail-item
{
flex
:
0
0
auto
;
width
:
160px
;
height
:
120px
;
position
:
relative
;
cursor
:
pointer
;
transition
:
all
.2s
ease
;
padding
:
2px
;
border-radius
:
4px
;
background-color
:
transparent
}
.thumbnail-item
img
{
width
:
100%
;
height
:
100%
;
object-fit
:
cover
;
border-radius
:
4px
;
border
:
2px
solid
transparent
;
transition
:
all
.2s
ease
}
.thumbnail-item.active
{
background-color
:
#ffffff4
d
;
transform
:
scale
(
1.05
);
box-shadow
:
0
0
10px
#ffffff80
}
.thumbnail-item.active
img
{
border-color
:
#fff
}
.thumbnail-item
:hover:not
(
.active
)
{
transform
:
scale
(
1.05
);
background-color
:
#ffffff1
a
}
.thumbnail-item
.page-number
{
position
:
absolute
;
bottom
:
5px
;
left
:
50%
;
transform
:
translate
(
-50%
);
background-color
:
#000000
b3
;
color
:
#fff
;
padding
:
2px
8px
;
border-radius
:
10px
;
font-size
:
12px
}
.thumbnail-list
::-webkit-scrollbar
{
height
:
8px
}
.thumbnail-list
::-webkit-scrollbar-track
{
background
:
#0000001
a
;
border-radius
:
4px
}
.thumbnail-list
::-webkit-scrollbar-thumb
{
background
:
#ffffff4
d
;
border-radius
:
4px
}
.thumbnail-list
::-webkit-scrollbar-thumb:hover
{
background
:
#ffffff80
}
.error-message
[
data-v-
f9602698
]
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
height
:
100%
;
font-size
:
16px
;
color
:
#666
}
.page-buttons-container
[
data-v-f9602698
]
{
position
:
fixed
;
bottom
:
20px
;
right
:
20px
;
display
:
flex
;
gap
:
15px
;
z-index
:
1000
}
.page-button
[
data-v-f9602698
]
{
width
:
50px
;
height
:
50px
;
background-color
:
#50505099
;
border-radius
:
25px
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
color
:
#ffffff
e6
;
font-size
:
24px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
cursor
:
pointer
;
transition
:
all
.3s
ease
;
box-shadow
:
0
2px
6px
#00000026
}
.page-button
[
data-v-f9602698
]
:hover
{
background-color
:
#3c3c3c
cc
;
transform
:
scale
(
1.1
)}
.page-button
[
data-v-f9602698
]
:active
{
transform
:
scale
(
.95
)}
.arrow
[
data-v-f9602698
]
{
border
:
solid
white
;
border-width
:
0
2px
2px
0
;
display
:
inline-block
;
padding
:
4px
}
.left
[
data-v-f9602698
]
{
transform
:
rotate
(
135deg
);
margin-left
:
4px
}
.right
[
data-v-f9602698
]
{
transform
:
rotate
(
-45deg
);
margin-right
:
4px
}
.menu-icon
[
data-v-f9602698
]
{
width
:
18px
;
height
:
14px
;
position
:
relative
;
border-top
:
2px
solid
white
;
border-bottom
:
2px
solid
white
}
.menu-icon
[
data-v-f9602698
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
width
:
100%
;
height
:
2px
;
background-color
:
#fff
;
transform
:
translateY
(
-50%
)}
.thumbnail-container
[
data-v-f9602698
]
{
position
:
fixed
;
bottom
:
-150px
;
left
:
0
;
right
:
0
;
height
:
140px
;
background-color
:
#505050
e6
;
transition
:
bottom
.3s
ease
;
z-index
:
999
}
.thumbnail-container.show
[
data-v-f9602698
]
{
bottom
:
0
}
.thumbnail-list
[
data-v-f9602698
]
{
display
:
flex
;
overflow-x
:
auto
;
padding
:
10px
;
gap
:
10px
;
height
:
100%
}
.thumbnail-item
[
data-v-f9602698
]
{
flex
:
0
0
auto
;
width
:
100px
;
height
:
120px
;
position
:
relative
;
cursor
:
pointer
;
transition
:
all
.2s
ease
;
padding
:
2px
;
border-radius
:
4px
}
.thumbnail-item
img
[
data-v-f9602698
]
{
width
:
100%
;
height
:
100%
;
object-fit
:
cover
;
border-radius
:
4px
;
border
:
2px
solid
transparent
;
transition
:
all
.2s
ease
}
.thumbnail-item.active
[
data-v-f9602698
]
{
background-color
:
#ffffff4
d
;
transform
:
scale
(
1.05
);
box-shadow
:
0
0
10px
#ffffff80
}
.thumbnail-item.active
img
[
data-v-f9602698
]
{
border-color
:
#fff
}
.thumbnail-item
.page-number
[
data-v-f9602698
]
{
position
:
absolute
;
bottom
:
5px
;
left
:
50%
;
transform
:
translate
(
-50%
);
background-color
:
#000000
b3
;
color
:
#fff
;
padding
:
2px
8px
;
border-radius
:
10px
;
font-size
:
12px
}
.thumbnail-item
[
data-v-f9602698
]
:hover:not
(
.active
)
{
transform
:
scale
(
1.05
);
background-color
:
#ffffff1
a
}
.thumbnail-list
[
data-v-f9602698
]
::-webkit-scrollbar
{
height
:
8px
}
.thumbnail-list
[
data-v-f9602698
]
::-webkit-scrollbar-track
{
background
:
#0000001
a
;
border-radius
:
4px
}
.thumbnail-list
[
data-v-f9602698
]
::-webkit-scrollbar-thumb
{
background
:
#ffffff4
d
;
border-radius
:
4px
}
.thumbnail-list
[
data-v-f9602698
]
::-webkit-scrollbar-thumb:hover
{
background
:
#ffffff80
}
play/assets/index-
D6v_bxe
Y.js
→
play/assets/index-
LG8DS8S
Y.js
View file @
d9682a2b
This diff is collapsed.
Click to expand it.
play/index.html
View file @
d9682a2b
...
...
@@ -4,8 +4,8 @@
<meta
charset=
"UTF-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<script
type=
"text/javascript"
src=
"//staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"
></script>
<script
type=
"module"
crossorigin
src=
"assets/index-
D6v_bxe
Y.js"
></script>
<link
rel=
"stylesheet"
crossorigin
href=
"assets/index-D
5frsKoS
.css"
>
<script
type=
"module"
crossorigin
src=
"assets/index-
LG8DS8S
Y.js"
></script>
<link
rel=
"stylesheet"
crossorigin
href=
"assets/index-D
xwsA9db
.css"
>
</head>
<body>
<div
id=
"app"
></div>
...
...
vue-proj/vue-project/src/App.vue
View file @
d9682a2b
...
...
@@ -180,24 +180,24 @@ function renderedHandler() {
}
function
errorHandler
()
{
}
const
getProxiedUrl
=
(
url
)
=>
{
try
{
const
urlObj
=
new
URL
(
url
);
return
`/ppt
${
urlObj
.
pathname
}${
urlObj
.
search
}${
urlObj
.
hash
}
`
;
}
catch
(
e
)
{
return
url
;
}
}
// const getProxiedUrl = (url) => {
// try {
// const urlObj = new URL(url);
// return `${urlObj.pathname}${urlObj.search}${urlObj.hash}`;
// return `
/ppt
${urlObj.pathname}${urlObj.search}${urlObj.hash}`;
// } catch (e) {
// return url;
// }
// }
const
getProxiedUrl
=
(
url
)
=>
{
try
{
const
urlObj
=
new
URL
(
url
);
return
`
${
urlObj
.
pathname
}${
urlObj
.
search
}${
urlObj
.
hash
}
`
;
}
catch
(
e
)
{
return
url
;
}
}
</
script
>
<
template
>
...
...
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