From d942877495ceea1575e64fb6d4e2972f6da10cac Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期三, 11 一月 2023 10:09:24 +0800 Subject: [PATCH] 2023/1/11 肖辉 修改UI样式 --- src/views/video/index.vue | 19 +++++++++++++++---- 1 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/views/video/index.vue b/src/views/video/index.vue index 6c98008..768e4ae 100644 --- a/src/views/video/index.vue +++ b/src/views/video/index.vue @@ -1,10 +1,10 @@ <template> - <el-container style="height: 100%"> + <el-container class="video-container" style="height: 100%"> <el-aside heigth="100%" width="200px"> <department-aside @selectedDepartment="selectedDepartment" /> </el-aside> - <el-container> + <el-container class="video-body-right"> <el-header style="display: flex; flex-direction: column; height: 120px"> <div style="display: flex; justify-content: space-between; height: 80px" @@ -18,7 +18,7 @@ " >鏁翠綋瓒嬪娍</span > - <el-date-picker v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡"> + <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡"> </el-date-picker> </div> <!-- <div style="height: 60px; display: flex; justify-content: flex-start"> @@ -298,6 +298,17 @@ }; </script> <style lang="scss" scoped> +.video-time-select{ + &::v-deep .el-input__prefix{ + height: auto; + } + +} +.video-body-right{ + padding: 10px; + border: 1px solid #ccc; + margin-left: 5px; +} .button-one { height: 40px; width: 80px; @@ -438,4 +449,4 @@ video::-webkit-media-controls-toggle-closed-captions-button { display: none; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0