将`el-image`组件替换为自定义`image-preview`组件以优化图片展示。调整旨在增强图片查看体验,同时保持布局和功能性不变。
parent
025a1d2aa6
commit
7615738ac0
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue