refactor(组件): 移除冗余代码并优化样式和功能
移除`imageWatch.vue`中的冗余变量`index`,优化`apartmentDetail.css`和`apartmentDetail.less`中的样式,增加`cursor: pointer`和`align-items: flex-start`等属性。在`user.vue`中移除调试日志并优化数据处理逻辑。在`apartment-item.vue`中恢复并优化点评展示功能。在`apartmentDetail.vue`中重构点评展示逻辑,增加点评类型切换功能,并优化数据加载和展示逻辑。
This commit is contained in:
@@ -20,7 +20,6 @@
|
||||
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon left-arrow" @click="prev" alt="" />
|
||||
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon right-arrow" @click="next" alt="" />
|
||||
</div>
|
||||
{{ index }}
|
||||
<div class="tab-text">{{ `${imageTab + 1}/${list.length}` }}</div>
|
||||
<div class="dis-f jus-x al-item">
|
||||
<div class="list-img-box dis-f al-item jus-x">
|
||||
|
||||
@@ -10,13 +10,13 @@
|
||||
<img v-if="item.selection" class="gter-select" src="@/assets/img/publicImage/gter-select.png" />
|
||||
<div class="name flexflex">{{ item.title }}</div>
|
||||
<img class="img" v-lazy="item['image']" @load="loadload" />
|
||||
<!-- <div class="apartment-introduce flexacenter">
|
||||
<div class="apartment-introduce flexacenter" v-if="item.comment.content">
|
||||
<div class="remark-on flexacenter">
|
||||
<img class="fang-icon" src="https://oss.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-d_Zwocn3qqsgFptxhcq_cQnrld6YjDgwVBq_D-81qNDQyOQ~~" />
|
||||
方同学点评
|
||||
<img class="fang-icon" :src="item.comment.avatar" />
|
||||
{{ item.comment.type }}
|
||||
</div>
|
||||
<div class="remark-text flex1 ellipsis">交通和生活都非常便利,房间整洁完善交通和生活都非常便利,房间整洁完善交通和生活都非常便利,房间整洁完善</div>
|
||||
</div> -->
|
||||
<div class="remark-text flex1 ellipsis">{{ item.comment.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="label-list flexacenter">
|
||||
<div class="label-item flexacenter blue">
|
||||
|
||||
Reference in New Issue
Block a user