Skip to content

M
mould-vuecli3
Commit 052e36ed authored by lilei's avatar lilei
Browse files
Options

css 格式

parent 2dfbdcf1
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 42 deletions
src/components/videoCutter/videoChange.vue
View file @ 052e36ed
...@@ -17,13 +17,13 @@ export default { ...@@ -17,13 +17,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.video-change { .video-change {
width: 100px; width: 100px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 4px; border-radius: 4px;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
} }
</style> </style>
src/components/videoCutter/videoControl.vue
View file @ 052e36ed
...@@ -32,7 +32,7 @@ export default { ...@@ -32,7 +32,7 @@ export default {
return min + ':' + sec return min + ':' + sec
} }
}, },
props: ['duration', 'nowTime'], // eslint-disable-line props: ['duration', 'nowTime'], // eslint-disable-line
data() { data() {
return {} return {}
}, },
...@@ -45,27 +45,27 @@ export default { ...@@ -45,27 +45,27 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.video-control { .video-control {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-self: center; align-self: center;
width: 200px; width: 200px;
user-select: none; user-select: none;
} }
.video-play-btn { .video-play-btn {
border: 1px solid #dddddd; border: 1px solid #dddddd;
width: 30px; width: 30px;
height: 30px; height: 30px;
border-radius: 100%; border-radius: 100%;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
} }
.video-time-content { .video-time-content {
display: flex; display: flex;
> div, > div,
span { span {
line-height: 30px; line-height: 30px;
color: #474261; color: #474261;
} }
} }
</style> </style>
src/components/videoCutter/videoPlayer.vue
View file @ 052e36ed
...@@ -64,16 +64,16 @@ export default { ...@@ -64,16 +64,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.video-player { .video-player {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: beige; background-color: beige;
video { video {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
} }
</style> </style>
src/views/videoCutter.vue
View file @ 052e36ed
...@@ -81,15 +81,15 @@ export default { ...@@ -81,15 +81,15 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
/* @import url(); 引入css类 */ /* @import url(); 引入css类 */
.video-cutter { .video-cutter {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.video-content { .video-content {
width: 100%; width: 100%;
height: 700px; height: 700px;
} }
.video-btn { .video-btn {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment