代码及注释：

<!-- TODO 待修改的代码 -->
<div class="card" :class="item.css" v-for="(item,index) in wishList" :key="index"><div class="header"><img class="close" @click="closeCard(index)" src="./images/ding.png" alt="close"></div><el-imagev-if="item.pic"style="width: 100px; height: 100px":src="item.pic" :preview-src-list="picList"></el-image><div class="content"> {{item.content}}</div><div class="name">{{item.name}}</div>
</div>

rules: {// TODO 待补充验证的代码name: [{ required: true, message: '请输入姓名', trigger: 'blur' },{ min: 2, max: 4, message: '长度在 2 到 4 个字符', trigger: 'blur' }],content: [{ required: true, message: '请输入心愿内容', trigger: 'blur' },{ min: 1, max: 30, message: '长度在 1 到 30 个字符', trigger: 'blur' }],
},