Administrator 4 yıl önce
ebeveyn
işleme
da50f995d2

+ 5 - 5
src/main/resources/static/css/supplier-center/shop/release.css

@@ -50,10 +50,10 @@ div{box-sizing: border-box;}
 .release-from .release-input.upload{height: 78px;}
 .release-from .release-input.upload.image{height: auto;width: 500px;}
 .release-from .release-input.Editor{width: 600px;min-height: 540px;margin: 0;}
-.release-from  .upload-file{width: 76px;height: 76px;border: 1px solid #EBEBEB;border-radius: 2px;position: relative;float: left;margin-right: 10px;margin-bottom: 10px;cursor: pointer;}
-.release-from  .upload-file .icon-del{width: 16px;height: 16px;display: block;background: url("/img/base/icon.png") no-repeat;background-position: -175px -300px;position: absolute;right: -8px;top: -8px;cursor: pointer;}
-.release-from  .upload-file .icon-add{display: block;width:26px ;height: 26px;background: url("/img/base/icon.png") no-repeat;background-position: -168px -374px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
-.release-from  .upload-file .input-file{width: 76px;height: 76px;opacity:0;cursor: pointer;}
+.release-from  .upload-file{width: 90px;height: 90px;border-radius: 2px;position: relative;float: left;margin-right: 10px;margin-bottom: 10px;cursor: pointer;}
+.release-from  .upload-file .icon-del:before{width: 16px;height: 16px;cursor: pointer;    background-position: -117px -140px;position: absolute;top: 0;right: 0}
+.release-from  .upload-file .icon-add{width:100% ;height: 100%;background: url("/img/account/icon-addimg.svg");display: block}
+.release-from  .upload-file .input-file{width: 90px;height: 90px;opacity: 0;cursor: pointer;position: absolute;top: 0}
 .release-from  .upload-file .upload-img{width: 100%;height: 100%;display: block;border-radius: 2px;}
 .release-from .release-input .input.tags{width: 390px;}
 .release-from .release-input .add-btn{width: 90px;height: 34px;border-radius: 2px;border: 1px solid #e15616;background:#ffe6dc;float: left;margin-left: 15px;text-align: center;line-height: 34px;font-size: 14px;color:#e15616 ;cursor: pointer;}
@@ -67,7 +67,7 @@ div{box-sizing: border-box;}
 .release-from .select-main{padding: 0 10px;cursor: pointer;width: 155px;height: 36px;border: 1px solid #b8bfca;border-radius: 2px;line-height: 32px;color: #333;font-size: 14px;margin-right: 15px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;}
 .release-from .select-main:last-child{margin-right: 0;}
 .release-from .select-main.border{border: 1px solid #e15616;}
-.release-from .select-main .select{cursor: pointer;width: 113px;height: 30px;line-height: 30px;color: #9aa5b5;font-size: 12px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;background: url("/img/supplier/Retract.png") no-repeat scroll right 0px center transparent;}
+.release-from .select-main .select{cursor: pointer;width: 135px;height: 36px;line-height: 36px;color: #22272e;font-size: 12px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;background: url("/img/supplier/Retract.png") no-repeat scroll right 0px center transparent;}
 .release-from .select-main .option-main{width: 100%;min-height:50px;max-height: 200px;border: 1px solid #e4e7ed;border-radius: 2px;background-color: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);overflow: hidden;overflow-y: scroll;box-sizing: border-box;margin: 5px 0;padding: 10px 0;z-index: 88;position: absolute;top: 28px;left: 0;}
 .release-from .select-main .option {font-size: 14px;padding: 0 20px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #606266;height: 34px;line-height: 34px;box-sizing: border-box;cursor: pointer;}
 .release-from .select-main .option:hover {background-color: #F5E7E0;color: #e15616;}

+ 13 - 0
src/main/resources/static/img/account/icon-addimg.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90">
+  <g id="组_5796" data-name="组 5796" transform="translate(-819 -341)">
+    <g id="矩形_4466" data-name="矩形 4466" transform="translate(819 341)" fill="none" stroke="#b8bfca" stroke-width="1">
+      <rect width="90" height="90" rx="2" stroke="none"/>
+      <rect x="0.5" y="0.5" width="89" height="89" rx="1.5" fill="none"/>
+    </g>
+    <text id="添加图片" transform="translate(840 405.04)" fill="#9aa5b5" font-size="12" font-family="PingFangSC-Regular, PingFangSC"><tspan x="0" y="0">添加图片</tspan></text>
+    <g id="组_5763" data-name="组 5763" transform="translate(5 6)">
+      <rect id="矩形_5635" data-name="矩形 5635" width="3" height="21" rx="1.5" transform="translate(858 357)" fill="#b8bfca"/>
+      <rect id="矩形_5636" data-name="矩形 5636" width="3" height="21" rx="1.5" transform="translate(870 366) rotate(90)" fill="#b8bfca"/>
+    </g>
+  </g>
+</svg>

+ 6 - 4
src/main/resources/templates/supplier-center/shop/release.html

@@ -378,7 +378,7 @@
                                          @dragend="dragend(item)"
                                     >
                                         <img :data-original='item' :src="item" :id="'uploadGoodsImages'+ index" :data-image="item" alt="" class="upload-img" @click="showViewerImageFn(index)">
-                                        <i class="icon-del mIcon" @click="removeGoodsImagesFn(index)"></i>
+                                        <i class="icon-del mIcon icon" @click="removeGoodsImagesFn(index)"></i>
                                     </div>
                                     <div class="upload-file" v-show="GoodsImagesList.length<5">
                                         <i class="icon-add mIcon"></i>
@@ -389,9 +389,11 @@
                                 <div class="release-tips" v-show="vShow_GoodsImages">{{fromMessage}}</div>
                             </div>
                             <div class="release-from text imgText" style="margin-bottom: 10px;">
-                                <P class="text" style="line-height: 24px;">最多上传<span class="em">5张</span>图片,可拖动图片改变位置,第一张默认为产品主图;</P>
-                                <P class="text" style="line-height: 24px;">仅支持<span class="em">JPG、GIF、JPEG</span>和<span class="em">BMP</span>格式,建议图片<span class="em">分辨率在750*750以上,</span></P>
-                                <P class="text" style="line-height: 24px;"><span class="em">每张图小于5M</span>;图片请避免全文字,否则有可能审核不通过</P>
+                                <P class="text" style="line-height: 24px;">最多上传<span class="em">5张</span>图片,可拖动图片改变位置,第一张默认为产品主图;仅支持
+                                <span class="em">JPG、GIF、JPEG</span>和<span class="em">BMP</span>格式,建议图片<span class="em">分辨率在750*750以上,</span>
+                                <span class="em">每张图小于5M</span>;图片请避免全文字,否则有可能审核不通过</P>
+<!--                                <P class="text" style="line-height: 24px;">仅支持<span class="em">JPG、GIF、JPEG</span>和<span class="em">BMP</span>格式,建议图片<span class="em">分辨率在750*750以上,</span></P>-->
+<!--                                <P class="text" style="line-height: 24px;"><span class="em">每张图小于5M</span>;图片请避免全文字,否则有可能审核不通过</P>-->
                             </div>
                             <div class="release-from clear" style="margin-top: 30px;">
                                 <div class="release-label"><span class="star">*</span>商品详情:</div>