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
<!--
* @Date: 2024-09-29 14:26:41
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-25 11:07:10
* @LastEditTime: 2024-10-25 11:34:24
* @FilePath: /hager/src/views/product/detail.vue
* @Description: 文件描述
-->
......@@ -88,13 +88,15 @@
<el-col :span="18">
<div class="info-list-title">
<el-row :gutter="0">
<el-col :span="is_xs ? 4 : 2">
<i v-if="file.checked" @click="checkItem(file)" class="el-icon-folder-checked download-checked"></i>
<i v-else @click="checkItem(file)" class="el-icon-folder download-unchecked"></i>&nbsp;
<el-col :span="is_xs ? 3 : 1">
<!-- <i v-if="file.checked" @click="checkItem(file)" class="el-icon-folder-checked download-checked"></i> -->
<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">
<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">
<!-- <i v-else @click="checkItem(file)" class="el-icon-folder download-unchecked"></i>&nbsp; -->
</el-col>
<el-col :span="is_xs ? 20 : 22">
<el-col :span="is_xs ? 21 : 23">
<div class="info-list-title-content">
<div>
<div style="word-break: break-all;">
<i v-if="!is_xs" class="el-icon-document" style="font-size: 1.35rem;"></i>
{{ file.name }}
</div>
......@@ -395,7 +397,7 @@ export default {
.info-list-title-content {
display: flex;
justify-content: space-between;
align-items: center;
// align-items: center;
}
.info-list-control {
display: flex;
......