Przeglądaj źródła

修复样式与拖拽问题

wolyshaw 3 lat temu
rodzic
commit
eb05d5a310

+ 7 - 4
src/views/photo-detail/index.vue

@@ -29,7 +29,7 @@
         </div>
       </el-alert>
       <el-checkbox-group v-model="checked">
-        <draggable :list="list" :disabled="!editing" style="display: flex;flex-wrap: wrap;">
+        <draggable :list="list" :disabled="!editing" style="display: flex;flex-wrap: wrap;" handle=".img">
           <div
             v-for="(item) in list"
             :key="item.url"
@@ -51,15 +51,15 @@
               </div>
             </auth>
             <el-image
-              :src="item.url + '@base@tag=imgScale&w=400'"
+              :src="item.url"
               class="img"
-              fit="contain"
+              fit="cover"
               :preview-src-list="list.map(item => item.url)">
             </el-image>
             <el-tooltip v-if="!editing" class="item" effect="dark" :content="item.name" placement="top" :open-delay=".5">
               <div class="name">{{item.name}}</div>
             </el-tooltip>
-            <el-input class="nameinput" v-else v-model="item.name" size="mini" :placeholder="'请输入' + (mergeType === 'DEFAULT' ? '照片' : '证书') + '名称'" clearable/>
+            <el-input class="nameinput user-drag" v-else v-model="item.name" size="mini" :placeholder="'请输入' + (mergeType === 'DEFAULT' ? '照片' : '证书') + '名称'" clearable/>
           </div>
         </draggable>
       </el-checkbox-group>
@@ -318,4 +318,7 @@ export default {
 .btn{
   padding: 0;
 }
+.user-drag {
+  -webkit-user-drag: none;
+}
 </style>

+ 2 - 2
src/views/resetTeaming/components/training-photos/group/index.vue

@@ -13,12 +13,12 @@
         v-if="detail.coverUrl"
         :src="detail.coverUrl + '@base@tag=imgScale&w=400'"
         class="img"
-        fit="contain"
+        fit="cover"
       />
       <el-image
         v-else
         class="img"
-        fit="contain"
+        fit="cover"
       >
         <div slot="error" class="image-slot">
           <i class="el-icon-picture-outline"></i>