将`el-image`组件替换为自定义`image-preview`组件以优化图片展示。调整旨在增强图片查看体验,同时保持布局和功能性不变。

master
wxy 2024-09-09 22:48:12 +08:00
parent 025a1d2aa6
commit 7615738ac0
1 changed files with 1 additions and 1 deletions

View File

@ -3,7 +3,7 @@
<el-container> <el-container>
<el-aside width="400px" style="background-color: #f5f5f5; padding: 20px;"> <el-aside width="400px" style="background-color: #f5f5f5; padding: 20px;">
<div> <div>
<el-image :src="picture" style="width: 80%; max-width: 300px; height: auto;" fit="contain"></el-image> <image-preview :src="picture" style="width: 80%; max-width: 300px; height: auto;" fit="contain"></image-preview>
<h2>{{ name }}</h2> <h2>{{ name }}</h2>
<p>{{remark}}</p> <p>{{remark}}</p>
<p><strong></strong> <span class="price">{{ price }}/</span></p> <p><strong></strong> <span class="price">{{ price }}/</span></p>