购物车、在售产品查看大图、修改上传图片修改样式。

src/main/webapp/resources/view/usercenter/forstore/buyer_cart.html

@@ -159,6 +159,9 @@
 		height: 130px;
 		line-height: 130px;
 	}
+	.shopCar .oder_list dl .line02 span.sure_oder{
+		background: none;
+	}
 	.shopCar .oder_list dl .pro_xq img{
 		margin-top: 33px;
 	}

src/main/webapp/resources/view/vendor/forstore/vendor_onSale.html

@@ -458,66 +458,6 @@
     .public-tab.table tr td.middle .img,.vendor-tab.table td .wid135{
         margin-top: 15px;
     }
-
-    /* 预览框 end */
-    #image-box .x-floating-wrap {
-        position: fixed;
-        z-index: 99998;
-        background: #000;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        opacity: 0.5;
-    }
-    #image-box .x-floating {
-        position: fixed;
-        z-index: 99999;
-        width: 970px;
-        height: 600px;
-        top: 50%;
-        left: 50%;
-        margin-left: -485px;
-        margin-top: -300px;
-        line-height: 560px;
-        text-align: center;
-        vertical-align: middle;
-    }
-    #image-box .x-floating img {
-        margin: auto auto;
-        max-width: 970px !important;
-        max-height: 600px !important;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none
-    }
-
-    #image-box .x-close-wrap {
-        position: fixed;
-        top: 0;
-        right: 0;
-        z-index: 100000;
-        width: 120px;
-        height: 120px;
-        margin: -60px -60px 0 0;
-        border-radius: 100%;
-        background: #000;
-        opacity: .3
-    }
-
-    #image-box .x-close-wrap a {
-        position: absolute;
-        left: 25px;
-        bottom: 25px;
-        font-size: 42px;
-        color: #fff
-    }
-
-    #image-box .x-close-wrap:hover {
-        opacity: .7
-    }
-
     .edit-form .error{
         border: #f00 1px solid !important;
     }
@@ -861,11 +801,11 @@
 
 <!--查看大图-->
 <div id="image-box" style="display: none">
-    <div class="x-close-wrap" title="关闭">
-        <a href="javascript:void(0);">&times;</a>
-    </div>
     <div class="x-floating-wrap"></div>
     <div class="x-floating">
-        <img/>
+        <div id="item-content">
+            <div class="x-close-wrap"><a href="javascript:void(0);">×</a></div>
+            <div class="img"><img/></div>
+        </div>
     </div>
-</div>
+</div>

src/main/webapp/resources/view/vendor/modal/edit_goods_modal.html

@@ -1,17 +1,17 @@
 <!--修改图片-->
 <style>
-    .view-box {
-
+    .modal-dialog{
+        width: 535px;
+        height: 345px;
     }
     .update-img{
         width: 520px;
-        height: 330px;
+        height: 324px;
     }
     .update-img .update-big-img{
-        width: 280px;
+        width: 265px;
         float: left;
-        margin-left: 48px;
-        margin-top: 10px;
+        margin-top: 5px;
     }
     .update-img .update-big-img p{
         line-height: 30px;
@@ -30,20 +30,19 @@
         height: 256px;
     }
     .update-img .update-file-btn{
-        width: 155px;
+        width: 244px;
         float: left;
-        margin-left: 10px;
-        margin-top: 200px;
+        margin-left: 3px;
     }
     .update-img .update-file-btn p{
         line-height: 30px;
         position: relative;
         text-align: center;
-        margin-bottom: 10px;
+        margin-top: 8px;
         height: 30px;
     }
     .update-img .update-file-btn p input{
-        width: 100%;
+        width: 80px;
         height: 30px;
         z-index: 10;
         position: absolute;
@@ -55,7 +54,7 @@
         position: absolute;
         left: 0;
         top: 0;
-        width: 100%;
+        width: 80px;
         display: inline-block;
         height: 30px;
         text-align: center;
@@ -80,6 +79,7 @@
         background: #5078cb;
         color: #fff;
         float: right;
+        margin-right: 44px;
     }
     .update-img .update-file-btn p a:hover,.update-img .update-file-btn p span:hover{
         background: #3f7ae3;
@@ -95,35 +95,83 @@
         top: 0;
         opacity: 0;
     }
-.update-file-btn .previewImage{
-    width: 100%;
-    height: 30px;
-}
-.update-file-btn .previewImage:hover{
-    cursor: pointer;
-}
+    .update-file-btn .previewImage{
+        width: 100%;
+        height: 30px;
+    }
+    .update-file-btn .previewImage:hover{
+        cursor: pointer;
+    }
+    .close{
+        position: absolute;
+        top: 0;
+        right: 5px;
+    }
+    .modal-body{
+        padding: 10px;
+    }
+    .file-text{
+        width: 100%;
+        margin: 0 auto;
+        margin-top: 35px;
+    }
+    .file-text h3{
+        line-height: 26px;
+        background: #e3e3e6;
+        font-size: 12px;
+        text-align: center;
+        font-weight: bold;
+    }
+    .file-text div{
+        width: 100%;
+        height: 215px;
+        background: #f6f6f7;
+        line-height: 20px;
+        font-size: 12px;
+        padding: 5px 10px;
+    }
+    .prompt{
+        font-size: 12px;
+        width: 270px;
+        display: inline-block;
+        margin-top: 5px;
+    }
 </style>
 <div class="modal-head"></div>
 <div class="modal-body">
-        <div class="view-box">
-            <div class="update-img">
-                <div class="update-big-img">
-                    <p>大图预览</p>
-                    <div class="previewImage">
-                        <img src="{{pic}}" alt="商品图片">
-                    </div>
-                    <span class="prompt"><em>*</em>  建议使用不小于 256X256px图片,大小不超过3M</span>
+    <div class="view-box">
+        <div class="update-img">
+            <a ng-click="cancel()" class="close">&times;</a>
+            <div class="update-big-img">
+                <p>大图预览</p>
+                <div class="previewImage">
+                    <img src="{{pic}}" alt="商品图片">
                 </div>
-                <div class="update-file-btn">
-                    <p>
-                        <input type="file" image-upload class="uploadImage" accept="image/jpeg,image/jpg,image/gif,image/bmp,image/png,.pdf" on-success="onUploadSuccess($data, $file)" non-preview="true">
-                        <span>重新上传</span>
-                    </p>
-                    <p>
-                        <a ng-click="cancel()" class="off">取消</a>
-                        <a ng-click="confirm()" class="ok">确定</a>
-                    </p>
+                <span class="prompt"><em style="color: #f00;">*</em>  建议使用不小于256*256px图片，大小不超过3M</span>
+            </div>
+            <div class="update-file-btn">
+                <div class="file-text">
+                    <h3>图片上传须知</h3>
+                    <div>上传的商品图片若存在以下任一情形，
+                        平台将会对产品进行下架，若情节影响
+                        严重，平台将保留追究权：<br/>
+                        1、图片与产品不相符合；<br/>
+                        2、图片存在低俗信息；<br/>
+                        3、图片拼接、不清晰或拉伸变形等；<br/>
+                        4、带有文字、色块、图形或logo等影响<br/>
+                        &nbsp;&nbsp;&nbsp;主图美观和正常查看的内容（平台会<br/>
+                        &nbsp;&nbsp;&nbsp;自动生成店铺logo，无需再使用有logo<br/>
+                        &nbsp;&nbsp;&nbsp;的图片）.
+                    </div>
                 </div>
+                <p>
+                        <span style="left:40px;">
+                            <input type="file" image-upload class="uploadImage" accept="image/jpeg,image/jpg,image/gif,image/bmp,image/png,.pdf" on-success="onUploadSuccess($data, $file)" non-preview="true">
+                            <span>选择文件</span>
+                        </span>
+                    <a ng-click="confirm()" class="ok">确定</a>
+                </p>
             </div>
         </div>
+    </div>
 </div>