|
|
@@ -144,6 +144,118 @@
|
|
|
outline: none;
|
|
|
border: none;
|
|
|
}
|
|
|
+ .conList{
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .upload-content {
|
|
|
+ margin-top: -70px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) {
|
|
|
+ width: 90px;
|
|
|
+ height: 100px;
|
|
|
+ border: 2px solid #eee;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) > div {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) span {
|
|
|
+ font-size: 35px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) h5 {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel-upload {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ position: relative;
|
|
|
+ top: -38px;
|
|
|
+ left: -25px;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content .conList ol li {
|
|
|
+ width: 114px;
|
|
|
+ min-height: 80px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ top: 120px;
|
|
|
+ margin-left: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image {
|
|
|
+ margin-top: -70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image .conList .btn:nth-of-type(1) {
|
|
|
+ width: 90px;
|
|
|
+ height: 100px;
|
|
|
+ border: 2px solid #eee;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image .conList .btn:nth-of-type(1) > div {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image .conList .btn:nth-of-type(1) span {
|
|
|
+ font-size: 35px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image .conList .btn:nth-of-type(1) h5 {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-content-image .conList ol li {
|
|
|
+ width: 114px;
|
|
|
+ min-height: 80px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ top: 120px;
|
|
|
+ margin-left: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel-upload-image {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ position: relative;
|
|
|
+ top: -38px;
|
|
|
+ left: -25px;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ .hide-pic {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hide-pic-image {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+ .form-horizontal .controls:first-child{
|
|
|
+ padding-left: 0 !important;
|
|
|
+ margin-left: 0 !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -251,44 +363,46 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>商品图片：</th>
|
|
|
- <td class="controls upload-content" id="secondHandImage">
|
|
|
- <div class="conList">
|
|
|
- <form:hidden value="${product.image1}" id="image1" path="image1" htmlEscape="false"
|
|
|
- maxlength="255" class="input-xlarge required"/>
|
|
|
- <sys:ckfinder input="image1" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
- maxWidth="100"
|
|
|
- maxHeight="100"/>
|
|
|
- </div>
|
|
|
- <div class="conList hide-pic">
|
|
|
- <form:hidden value="${product.image2}" id="image2" path="image2" htmlEscape="false"
|
|
|
- maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="image2" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
- maxWidth="100"
|
|
|
- maxHeight="100"/>
|
|
|
- </div>
|
|
|
- <div class="conList hide-pic">
|
|
|
- <form:hidden value="${product.image3}" id="image3" path="image3" htmlEscape="false"
|
|
|
- maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="image3" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
- maxWidth="100"
|
|
|
- maxHeight="100"/>
|
|
|
- </div>
|
|
|
- <div class="conList hide-pic">
|
|
|
- <form:hidden value="${product.image4}" id="image4" path="image4" htmlEscape="false"
|
|
|
- maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="image4" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
- maxWidth="100"
|
|
|
- maxHeight="100"/>
|
|
|
- </div>
|
|
|
- <div class="conList hide-pic">
|
|
|
- <form:hidden value="${product.image5}" id="image5" path="image5" htmlEscape="false"
|
|
|
- maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="image5" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
- maxWidth="100"
|
|
|
- maxHeight="100"/>
|
|
|
- </div>
|
|
|
- <div class="conList upload-tips" style="margin-left: 205px">
|
|
|
- <font color="red">第一张图作为商品主图必传；最多上传5张商品图片，请尽量全部上传，单张图片不能超过5M</font>
|
|
|
+ <td>
|
|
|
+ <div class="controls upload-content" id="secondHandImage" style="width: 800px;">
|
|
|
+ <div class="conList">
|
|
|
+ <form:hidden value="${product.image1}" id="image1" path="image1" htmlEscape="false"
|
|
|
+ maxlength="255" class="input-xlarge required"/>
|
|
|
+ <sys:ckfinder input="image1" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100"
|
|
|
+ maxHeight="100"/>
|
|
|
+ </div>
|
|
|
+ <div class="conList hide-pic">
|
|
|
+ <form:hidden value="${product.image2}" id="image2" path="image2" htmlEscape="false"
|
|
|
+ maxlength="255" class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="image2" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100"
|
|
|
+ maxHeight="100"/>
|
|
|
+ </div>
|
|
|
+ <div class="conList hide-pic">
|
|
|
+ <form:hidden value="${product.image3}" id="image3" path="image3" htmlEscape="false"
|
|
|
+ maxlength="255" class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="image3" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100"
|
|
|
+ maxHeight="100"/>
|
|
|
+ </div>
|
|
|
+ <div class="conList hide-pic">
|
|
|
+ <form:hidden value="${product.image4}" id="image4" path="image4" htmlEscape="false"
|
|
|
+ maxlength="255" class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="image4" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100"
|
|
|
+ maxHeight="100"/>
|
|
|
+ </div>
|
|
|
+ <div class="conList hide-pic">
|
|
|
+ <form:hidden value="${product.image5}" id="image5" path="image5" htmlEscape="false"
|
|
|
+ maxlength="255" class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="image5" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100"
|
|
|
+ maxHeight="100"/>
|
|
|
+ </div>
|
|
|
+ <div class="conList upload-tips" style="margin-top: 20px;">
|
|
|
+ <font color="red">第一张图作为商品主图必传；最多上传5张商品图片，请尽量全部上传，单张图片不能超过5M</font>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
