fix: 设置模板图片展示最小高度

README.md

@@ -9,6 +9,8 @@
 ## 介绍
 Mall-Cook是一个基于vue开发的可视化商城搭建平台，包括多页面可视化构建、Json Schema生成器（可视化搭建物料控制面板），实现组件流水线式标准接入平台。
 
+<p data-tool="mdnice编辑器" style="font-size: 16px; padding-top: 8px; padding-bottom: 8px; margin: 0; line-height: 26px; color: black;">掘金文章具体介绍平台：<a href="http://110.42.184.128:8000/#/login" style="text-decoration: none; color: #1e6bb8; word-wrap: break-word; font-weight: bold; border-bottom: 1px solid #1e6bb8;">传送门</a></p>
+
 ## 特性
 
 - 项目基于VUE语言开发

src/components/ModelsList/index.vue

@@ -24,7 +24,7 @@
     <ul v-if="list.length" class="wrap-list">
       <li v-for="model in list" :key="model.id" class="model">
         <template>
-          <img :src="model.cover" />
+          <img class="model-img" :src="model.cover" />
           <div class="model-desc">
             <h3 class="mt5 f14">{{ model.name }}</h3>
             <!-- <div class="mt10 f12 f-grey">设计师：{{ userInfo.userName }}</div> -->
@@ -189,8 +189,9 @@ export default {
       overflow: hidden;
       cursor: pointer;
 
-      img {
+      .model-img {
         width: 100%;
+        min-height: 400px;
       }
 
       .model-desc {