Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3509a833 1 parent 53e90ba7

fix 选中图标和文件文字换行功能优化

Inline Side-by-side
Showing 1 changed file with 9 additions and 7 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-29 14:26:41 2 * @Date: 2024-09-29 14:26:41
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-25 11:07:10 4 + * @LastEditTime: 2024-10-25 11:34:24
5 * @FilePath: /hager/src/views/product/detail.vue 5 * @FilePath: /hager/src/views/product/detail.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -88,13 +88,15 @@ ...@@ -88,13 +88,15 @@
88 <el-col :span="18"> 88 <el-col :span="18">
89 <div class="info-list-title"> 89 <div class="info-list-title">
90 <el-row :gutter="0"> 90 <el-row :gutter="0">
91 - <el-col :span="is_xs ? 4 : 2"> 91 + <el-col :span="is_xs ? 3 : 1">
92 - <i v-if="file.checked" @click="checkItem(file)" class="el-icon-folder-checked download-checked"></i> 92 + <!-- <i v-if="file.checked" @click="checkItem(file)" class="el-icon-folder-checked download-checked"></i> -->
93 - <i v-else @click="checkItem(file)" class="el-icon-folder download-unchecked"></i>&nbsp; 93 + <img v-if="file.checked" @click="checkItem(file)" style="width: 1.25rem; height: 1.25rem;" class="download-checked" src="https://cdn.ipadbiz.cn/hager/icon/%E9%80%89%E6%8B%A901@2x.png">
94 + <img v-else @click="checkItem(file)" style="width: 1.25rem; height: 1.25rem;" class="download-unchecked" src="https://cdn.ipadbiz.cn/hager/icon/%E9%80%89%E6%8B%A902@2x.png">
95 + <!-- <i v-else @click="checkItem(file)" class="el-icon-folder download-unchecked"></i>&nbsp; -->
94 </el-col> 96 </el-col>
95 - <el-col :span="is_xs ? 20 : 22"> 97 + <el-col :span="is_xs ? 21 : 23">
96 <div class="info-list-title-content"> 98 <div class="info-list-title-content">
97 - <div> 99 + <div style="word-break: break-all;">
98 <i v-if="!is_xs" class="el-icon-document" style="font-size: 1.35rem;"></i> 100 <i v-if="!is_xs" class="el-icon-document" style="font-size: 1.35rem;"></i>
99 {{ file.name }} 101 {{ file.name }}
100 </div> 102 </div>
...@@ -395,7 +397,7 @@ export default { ...@@ -395,7 +397,7 @@ export default {
395 .info-list-title-content { 397 .info-list-title-content {
396 display: flex; 398 display: flex;
397 justify-content: space-between; 399 justify-content: space-between;
398 - align-items: center; 400 + // align-items: center;
399 } 401 }
400 .info-list-control { 402 .info-list-control {
401 display: flex; 403 display: flex;
......