浏览代码

[edit] post editor publish

wenliming 2 年之前
父节点
当前提交
4cb6b2b8c3

二进制
src/assets/img/icon-default-app-logo.png


+ 6 - 0
src/assets/svg/img-default-site-cover.svg

@@ -0,0 +1,6 @@
+<svg width="505" height="265" viewBox="0 0 505 265" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5C0 2.23857 2.23858 0 5 0H500C502.761 0 505 2.23858 505 5V260C505 262.761 502.761 265 500 265H5C2.23857 265 0 262.761 0 260V5Z" fill="#1D9BF0"/>
+<rect width="505" height="265" fill="white"/>
+<rect opacity="0.2" width="505" height="265" fill="#1D9BF0"/>
+<path d="M254.377 162.959L250.251 162.377C250.251 162.377 247.501 161.795 246.126 161.213C245.341 161.018 244.358 161.213 243.769 161.795L242.787 162.765C237.09 168.393 227.858 168.975 221.965 163.929C215.286 158.302 215.09 148.21 221.179 142.194L236.108 127.445C238.073 125.505 240.43 124.34 242.787 123.564C245.93 122.788 249.269 122.982 252.216 124.146C253.984 124.922 255.752 125.893 257.323 127.445C258.109 128.222 258.698 128.998 259.287 129.968C260.073 131.327 261.841 131.521 262.823 130.356L268.323 124.922C269.109 124.146 269.109 122.982 268.52 122.011C267.734 120.847 266.752 119.877 265.77 118.906C264.395 117.548 262.823 116.19 261.055 115.219C258.305 113.473 255.162 112.308 251.823 111.726C245.733 110.562 239.055 111.532 233.555 114.443C231.394 115.607 229.233 117.16 227.465 118.906L213.125 133.073C202.714 143.359 201.929 160.048 211.947 170.528C222.358 181.783 240.037 181.977 250.841 171.304L255.752 166.452C257.127 165.482 256.144 163.153 254.377 162.959ZM290.521 93.2899C279.717 83.3926 262.823 84.1689 252.609 94.4543L248.091 98.7237C246.716 100.082 247.698 102.411 249.466 102.605C252.216 102.799 254.966 103.381 257.716 104.158C258.502 104.352 259.484 104.158 260.073 103.575L261.055 102.605C266.752 96.9772 275.984 96.395 281.877 101.441C288.556 107.069 288.753 117.16 282.663 123.176L267.734 137.925C265.77 139.865 263.413 141.03 261.055 141.806C257.912 142.582 254.573 142.388 251.626 141.224C249.859 140.448 248.091 139.477 246.519 137.925C245.733 137.149 245.144 136.372 244.555 135.402C243.769 134.043 242.001 133.849 241.019 135.014L235.519 140.448C234.733 141.224 234.733 142.388 235.322 143.359C236.108 144.523 237.09 145.493 238.073 146.464C239.448 147.822 241.215 149.181 242.787 150.151C245.537 151.897 248.68 153.062 251.823 153.644C257.912 154.808 264.591 153.838 270.091 150.927C272.252 149.763 274.413 148.21 276.181 146.464L291.11 131.715C302.11 121.041 301.717 103.575 290.521 93.2899Z" fill="#1D9BF0"/>
+</svg>

+ 9 - 1
src/view/iframe/publish/tool-box/child/editor.vue

@@ -23,7 +23,7 @@
           <div class="app-list">
             <div class="app" v-for="(app, idx) in historyList" :key="idx"
               @click="clickHistoryAppHandler(app)">
-              <img :src="app.iconPath" alt="">
+              <img :src="app.iconPath" alt="" :onerror="imgOnError">
               <div class="name">
                 {{ app.name }}
               </div>
@@ -212,6 +212,12 @@ const getHistoryList = async () => {
   historyList.value = list;
 };
 
+const imgOnError = (e) => {
+  let img = e.srcElement;
+  img.src = require('@/assets/img/icon-default-app-logo.png');
+  img.onerror = null;
+}
+
 onMounted(() => {
   getHistoryList();
   getAppList();
@@ -335,6 +341,8 @@ onMounted(() => {
               height: 60px;
               border-radius: 10px;
               margin-bottom: 10px;
+              border: 1px solid #E5E5E5;
+              box-sizing: border-box;
             }
 
             .name {

+ 3 - 3
src/view/iframe/publish/tool-box/child/preview.vue

@@ -35,10 +35,10 @@
                         </div>
                     </div>
                     <div class="card-wrapper" :style="{ 'zoom': reviewCanvasParams.zoom }">
-                        <img class="cover" v-if="previewData.linkImagePath && previewData.appId" :src="previewData.linkImagePath" />
-                        <iframe class="iframe" 
+                        <img class="cover" :src="previewData.linkImagePath || require('@/assets/svg/img-default-site-cover.svg')" />
+                        <!-- v-if="previewData.linkImagePath && previewData.appId" <iframe class="iframe" 
                             :src="previewData.convertUrl"
-                            v-else></iframe>
+                            v-else></iframe>  -->
 
                         <div class="bottom-bar">
                             <div class="site-url">DeNet.me</div>