From a3b4eb017a0f948348ef7732267c7ed0d4bca8c0 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期二, 12 三月 2024 16:15:27 +0800 Subject: [PATCH] bug修改 --- src/views/operate/video/index.vue | 64 +++++++++++++++++-------------- 1 files changed, 35 insertions(+), 29 deletions(-) diff --git a/src/views/operate/video/index.vue b/src/views/operate/video/index.vue index 94e30b7..0e47a53 100644 --- a/src/views/operate/video/index.vue +++ b/src/views/operate/video/index.vue @@ -18,6 +18,9 @@ <el-button type="primary" @click="searchVideoList">鏌ヨ</el-button> </div> </div> + <div class="addBtn"> + <el-button type="primary" @click="handleOpera(null, 'create')">鏂板</el-button> + </div> </div> </header> <main> @@ -34,11 +37,11 @@ </div> <!-- 鏁版嵁灞曠ず --> <el-table + border + stripe ref="multipleTable" :header-cell-style="{ - background: '#06122c', - 'font-size': '12px', - color: '#4b9bb7', + 'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px', }" @@ -95,12 +98,12 @@ <div class="tools"> <div class="funs"> - <div class="funsItem funs-sp"> + <div class="funsItem funs-sp funs-first"> <el-checkbox v-model="all" @change="selectAll()" >鍏ㄩ��</el-checkbox > </div> - <div class="funsItem funs-sp"> + <div class="funsItem funs-sp "> <el-checkbox v-model="unsame" @change="disSame(tableData)" >鍙嶉��</el-checkbox > @@ -366,14 +369,14 @@ <style lang="scss" scoped> .userList { text-align: left; - margin: 10px 20px; + padding: 10px 20px; color: #4b9bb7; - + border: 1px solid #ccc; header { - background-color: #09152f; + background-color: white; .headerContent { - padding: 0 40px; + padding: 0; display: flex; line-height: 100px; justify-content: space-between; @@ -392,8 +395,8 @@ color: #1d3f57; &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; + // background-color: #09152f; + //border: 1px solid #17324c; } } } @@ -407,26 +410,26 @@ .el-button { padding: 12px 25px; - border-radius: 20px; + //border-radius: 20px; } } .addBtn { - background-color: #eb5d01; + // background-color: #eb5d01; border: none; - border-radius: 20px; + //border-radius: 20px; padding: 12px 30px; } } } &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; + // background-color: #09152f; + //border: 1px solid #17324c; } main { - background-color: #09152f; + // background-color: #09152f; margin-top: 20px; padding-bottom: 50px; @@ -437,7 +440,7 @@ .type-nav { display: flex; line-height: 40px; - margin-left: 30px; + //margin-left: 30px; padding-top: 10px; margin-bottom: 10px; @@ -452,9 +455,10 @@ } .is-active { - background-color: #070f22; + // background-color: #070f22; border-radius: 4px; - color: #fff; + color: #333; + font-size: 500; } } @@ -462,10 +466,12 @@ display: flex; justify-content: space-between; align-items: center; - padding: 0 20px; - + padding: 0; + .funs-first{ + margin-left: 0!important; + } .funs-sp { - border: 1px solid #17324c; + border: 1px solid #DCDFE6; } .funs { @@ -508,7 +514,7 @@ &::v-deep li, &::v-deep .btn-prev, &::v-deep .btn-next { - background-color: #071f39; + // background-color: #071f39; color: #4b9bb7; } @@ -521,8 +527,8 @@ } .el-table { - color: #4b9bb7; - font-size: 10px; + // color: #4b9bb7; + // font-size: 10px; &::v-deep .cell { text-overflow: ellipsis; @@ -536,7 +542,7 @@ .line { padding: 0 5px; } - + color: var(--operation-color); span:hover { cursor: pointer; } @@ -549,7 +555,7 @@ } :deep(.el-range-input) { - background-color: #09152f; + // background-color: #09152f; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0