gemercheung 2 năm trước cách đây
mục cha
commit
950361934c
1 tập tin đã thay đổi với 21 bổ sung3 xóa
  1. 21 3
      packages/qjkankan-editor/src/views/base/coverBase.vue

+ 21 - 3
packages/qjkankan-editor/src/views/base/coverBase.vue

@@ -84,7 +84,8 @@ pc端视频位置 videoPcLoc
     <div class="cover_pull">
       <!-- 封面类型选择下拉框 -->
       <div class="cover_pull_tit">{{ cover_pull_tit }}</div>
-      <Select v-model="info.coverInfo.coverSelect">
+
+      <Select v-model="info.coverInfo.coverSelect" class="base-select">
         <Option
           v-for="item in selectList"
           :key="item.type"
@@ -197,7 +198,7 @@ pc端视频位置 videoPcLoc
         <!-- 图片背景设置 -->
         <div class="coverImgBacBox">
           <div class="tit">{{ $i18n.t(`edit_settings.coverImgBacTit`) }}</div>
-          <Select v-model="info.coverInfo.coverImgBac">
+          <Select v-model="info.coverInfo.coverImgBac" class="base-select">
             <Option
               v-for="item in coverImgBacList"
               :key="item.type"
@@ -376,7 +377,7 @@ pc端视频位置 videoPcLoc
         <!-- 视频背景设置 -->
         <div class="coverImgBacBox">
           <div class="tit">{{ $i18n.t(`edit_settings.coverImgBacTit`) }}</div>
-          <Select v-model="info.coverInfo.coverVideoBac">
+          <Select v-model="info.coverInfo.coverVideoBac" class="base-select">
             <Option
               v-for="item in coverImgBacList"
               :key="item.type"
@@ -472,6 +473,7 @@ pc端视频位置 videoPcLoc
           {{ $i18n.t(`edit_settings.coverImageOrder`) }}
         </div>
         <Select
+          class="base-select"
           v-model="info.coverInfo.coverImageOrder"
           v-show="info.coverInfo.coverSelect === 'videoAndImg'"
         >
@@ -503,11 +505,13 @@ pc端视频位置 videoPcLoc
 
 <script>
 import Switcher from "@/components/shared/Switcher";
+import Combox from "@/components/shared/Combox.vue";
 import { Select, Option, ColorPicker } from "element-ui";
 import { i18n } from "@/lang";
 import { mapGetters, mapState } from "vuex";
 import SelectedImage from "@/components/selectedImageInEditor.vue";
 import MaterialSelector from "@/components/materialSelector.vue";
+
 export default {
   name: "coverBase",
   components: {
@@ -966,3 +970,17 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.el-select .el-input .el-select__caret{
+  line-height: 36px;
+}
+.el-select-dropdown {
+  &.el-popper[x-placement^=bottom]{
+    margin-top: -2px;
+  }
+  .popper__arrow{
+    display: none;
+  }
+
+}
+</style>