添加鼠标放上去变化的样式：<el-row :gutter="20"> <el-col :span="6" v-for="(item, index) in storeupList" :key="index" @click.native="toDetail(item)"> <el-card :body-style="{ padding: '0px', cursor: 'pointer' }"> <el-image v-if="item.picture && item.picture.substr(0, 4) == 'http'" :src="item.picture" fit="fill" class="image"></el-image> <el-image v-else :src="baseUrl + item.picture" fit="fill" class="image"></el-image> <div style="padding: 14px;"> <span v-if="item.remark">{{ item.name }}</span> <span v-if="!item.remark">{{ item.name }}</span> </div> </el-card> </el-col> </el-row>

你可以在 `el-card` 的样式中添加 `:hover` 伪类，来实现鼠标放上去变化的样式，例如：

<el-card :body-style="{ padding: '0px', cursor: 'pointer' }" class="card">
  <!-- card 的内容 -->
</el-card>

在样式中添加：

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

这样当鼠标放在 `el-card` 上时，它的大小会稍微放大，同时也会有一些阴影效果。你可以根据自己的需要，调整 `transform` 和 `box-shadow` 的值。