Merge branch 'yoona' into 'master'

fix-issue#11

See merge request pigbigbig/beyond-clouds-front!133

pages/blog/release/index.vue

@@ -114,6 +114,9 @@
             </div>
             </div>
           </div>
           </div>
           <div class="blog-release__footer">
           <div class="blog-release__footer">
+            <div class="cancel-cover" v-if="cover !== ''" @click="cover = ''">
+              <yun-icon name="error" size="18px"></yun-icon>
+            </div>
             <p class="footer__left">上传封面
             <p class="footer__left">上传封面
               <img :src="cover" alt="">
               <img :src="cover" alt="">
               <input type="file" @change="(e)=>changeToUploadCover(e)" placeholder="上传项目封面图">
               <input type="file" @change="(e)=>changeToUploadCover(e)" placeholder="上传项目封面图">
@@ -703,7 +706,15 @@ export default {
         @extend %flex-row-spb;
         @extend %flex-row-spb;
         align-items: flex-end;
         align-items: flex-end;
         margin-top: 35*$length;
         margin-top: 35*$length;
-
+        position: relative;
+        .cancel-cover {
+          position: absolute;
+          top: 0;
+          left: 175*$length;
+          z-index: 200;
+          color: #d2d6d8;
+          @extend %cursorPointer;
+        }
         .footer__left {
         .footer__left {
           overflow: hidden;
           overflow: hidden;
           width: 196*$length;
           width: 196*$length;

pages/project/release/index.vue

@@ -140,6 +140,9 @@
             </div>
             </div>
           </div>
           </div>
           <div class="project-release__footer">
           <div class="project-release__footer">
+            <div class="cancel-cover" v-if="imgSrc !== ''" @click="imgSrc = ''">
+              <yun-icon name="error" size="18px"></yun-icon>
+            </div>
             <p class="footer__left">上传封面
             <p class="footer__left">上传封面
               <img :src="imgSrc" alt="">
               <img :src="imgSrc" alt="">
               <input type="file" @change=" e =>changeToUploadCover(e)">
               <input type="file" @change=" e =>changeToUploadCover(e)">
@@ -619,6 +622,15 @@ export default {
         align-items: flex-end;
         align-items: flex-end;
         margin-top: 32*$length;
         margin-top: 32*$length;
         margin-left: 20*$length;
         margin-left: 20*$length;
+        position: relative;
+        .cancel-cover {
+          position: absolute;
+          top: 0;
+          left: 175*$length;
+          z-index: 200;
+          color: #d2d6d8;
+          @extend %cursorPointer;
+        }
 
 
         .footer__left {
         .footer__left {
           position: relative;
           position: relative;