show card cover if it exists

ly525
1 parent 3e698eb7
Showing 3 changed files with 20 additions and 2 deletions
front-end/h5/src/components/common/work/card-cover.js
front-end/h5/src/views/work-manager/list.vue
front-end/h5/src/views/work-manager/templates.vue
+export default {
+  props: {
+    qrCode: String,
+    coverImageUrl: String
+  },
+  render (h) {
+    if (this.qrcode) {
+      return <img src={this.qrcodeUrl} />
+    }
+    if (this.coverImageUrl) {
+      return <img src={this.coverImageUrl} style="width:100%;height: 100%;" />
+    }
+
+    return <span>Luban H5</span>
+  }
+}
@@ -4,6 +4,7 @@ import QRCode from &#39;qrcode&#39;
 import { API_ORIGIN } from '@/constants/api.js'
 import PreviewDialog from '@/components/core/editor/modals/preview.vue'
+import CardCover from '@/components/common/work/card-cover.js'
 const ListItemCard = {
   props: {
@@ -42,7 +43,7 @@ const ListItemCard = {
     return (
       <a-card hoverable >
         <div slot="cover" class="flex-center" style="height: 200px;font-size: 24px;border: 1px dashed #eee;color: #aaa;background: #f7f5f557;" >
-          { this.qrcodeUrl ? <img src={this.qrcodeUrl} /> : <span>Luban H5</span> }
+          <CardCover qrcodeUrl={this.qrcodeUrl} coverImageUrl={this.work.cover_image_url} />
         </div>
         <template class="ant-card-actions" slot="actions">
           <a-tooltip effect="dark" placement="bottom" title="编辑">
@@ -4,6 +4,7 @@ import QRCode from &#39;qrcode&#39;
 import { API_ORIGIN } from '@/constants/api.js'
 import PreviewDialog from '@/components/core/editor/modals/preview.vue'
+import CardCover from '@/components/common/work/card-cover.js'
 const ListItemCard = {
   props: {
@@ -46,7 +47,7 @@ const ListItemCard = {
     return (
       <a-card hoverable >
         <div slot="cover" class="flex-center" style="height: 200px;font-size: 24px;border: 1px dashed #eee;color: #aaa;background: #f7f5f557;" >
-          { this.qrcodeUrl ? <img src={this.qrcodeUrl} /> : <span>Luban H5</span> }
+          <CardCover qrcodeUrl={this.qrcodeUrl} coverImageUrl={this.work.cover_image_url} />
         </div>
         <template class="ant-card-actions" slot="actions">
           {/**