Commit 376e394c2198b62d6fd881f4571e32145b02dd86
1 parent
2a78ceef
点播封面图移到右边
Showing
1 changed file
with
42 additions
and
39 deletions
src/main/resources/templates/page/videoDetail.html
| @@ -51,45 +51,7 @@ | @@ -51,45 +51,7 @@ | ||
| 51 | <div id="tabContents" class="tab-content"> | 51 | <div id="tabContents" class="tab-content"> |
| 52 | <div id="tabHome" class="tab-pane fade in active padding-t-15"> | 52 | <div id="tabHome" class="tab-pane fade in active padding-t-15"> |
| 53 | <div class="col-sm-5"> | 53 | <div class="col-sm-5"> |
| 54 | - <div class="form-group"> | ||
| 55 | - <div> | ||
| 56 | - <label for="video_cover_img" class="control-label col-sm-4" | ||
| 57 | - style="margin-left: -3%">封面图:</label> | ||
| 58 | - </div> | ||
| 59 | - <div style="height:110px; margin-left: 17%;"> | ||
| 60 | - <div class="col-sm-4 popover-options " th:style="${imgsStat.index==0}? 'float:left;margin-right: 43px;margin-left: -18px;':''" th:if="${imgsStat.index<2}" | ||
| 61 | - th:each="imgs :${images}"> | ||
| 62 | - <a href="#"> | ||
| 63 | - <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 64 | - </a> | ||
| 65 | - <b th:text="${imgs.key}"></b> | ||
| 66 | - </div> | ||
| 67 | - </div> | ||
| 68 | - <div style="height: 110px;margin-top: 15px;"> | ||
| 69 | - <label for="" class="control-label col-sm-4" | ||
| 70 | - style="width: 26.3%;"></label> | ||
| 71 | - <div class="col-sm-4 popover-options " th:style="${imgsStat.index==2}?'float:left;margin-right: 15px;':'float:left;'" | ||
| 72 | - th:if="${imgsStat.index>=2&&imgsStat.index<4}" | ||
| 73 | - th:each="imgs :${images}"> | ||
| 74 | - <a href="#"> | ||
| 75 | - <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 76 | - </a> | ||
| 77 | - <b th:text="${imgs.key}"></b> | ||
| 78 | - </div> | ||
| 79 | - </div> | ||
| 80 | - <div style="height: 110px;margin-top: 15px;"> | ||
| 81 | - <label for="" class="control-label col-sm-4" | ||
| 82 | - style="width: 26.3%;"></label> | ||
| 83 | - <div class="col-sm-4 popover-options" th:style="${imgsStat.index==4}?'float:left;margin-right: 15px;':'float:left;'" | ||
| 84 | - th:if="${imgsStat.index>=4}" | ||
| 85 | - th:each="imgs :${images}"> | ||
| 86 | - <a href="#"> | ||
| 87 | - <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 88 | - </a> | ||
| 89 | - <b th:text="${imgs.key}"></b> | ||
| 90 | - </div> | ||
| 91 | - </div> | ||
| 92 | - </div> | 54 | + |
| 93 | <div class="form-group" style="margin-bottom: 6px;"> | 55 | <div class="form-group" style="margin-bottom: 6px;"> |
| 94 | <label for="video_title" class="control-label col-sm-4">点播标题:</label> | 56 | <label for="video_title" class="control-label col-sm-4">点播标题:</label> |
| 95 | <div class="col-sm-8"> | 57 | <div class="col-sm-8"> |
| @@ -230,6 +192,47 @@ | @@ -230,6 +192,47 @@ | ||
| 230 | </div> | 192 | </div> |
| 231 | </div> | 193 | </div> |
| 232 | </div> | 194 | </div> |
| 195 | + | ||
| 196 | + <div class="form-group col-sm-7"> | ||
| 197 | + <div> | ||
| 198 | + <label for="video_cover_img" class="control-label col-sm-4" | ||
| 199 | + style="margin-left: -3%">封面图:</label> | ||
| 200 | + </div> | ||
| 201 | + <div style="height:110px; margin-left: 17%;"> | ||
| 202 | + <div class="col-sm-4 popover-options " th:style="${imgsStat.index==0}? 'float:left;margin-right: 43px;margin-left: -18px;':''" th:if="${imgsStat.index<2}" | ||
| 203 | + th:each="imgs :${images}"> | ||
| 204 | + <a href="#"> | ||
| 205 | + <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 206 | + </a> | ||
| 207 | + <b th:text="${imgs.key}"></b> | ||
| 208 | + </div> | ||
| 209 | + </div> | ||
| 210 | + <div style="height: 110px;margin-top: 15px;"> | ||
| 211 | + <label for="" class="control-label col-sm-4" | ||
| 212 | + style="width: 26.3%;"></label> | ||
| 213 | + <div class="col-sm-4 popover-options " th:style="${imgsStat.index==2}?'float:left;margin-right: 15px;':'float:left;'" | ||
| 214 | + th:if="${imgsStat.index>=2&&imgsStat.index<4}" | ||
| 215 | + th:each="imgs :${images}"> | ||
| 216 | + <a href="#"> | ||
| 217 | + <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 218 | + </a> | ||
| 219 | + <b th:text="${imgs.key}"></b> | ||
| 220 | + </div> | ||
| 221 | + </div> | ||
| 222 | + <div style="height: 110px;margin-top: 15px;"> | ||
| 223 | + <label for="" class="control-label col-sm-4" | ||
| 224 | + style="width: 26.3%;"></label> | ||
| 225 | + <div class="col-sm-4 popover-options" th:style="${imgsStat.index==4}?'float:left;margin-right: 15px;':'float:left;'" | ||
| 226 | + th:if="${imgsStat.index>=4}" | ||
| 227 | + th:each="imgs :${images}"> | ||
| 228 | + <a href="#"> | ||
| 229 | + <img th:src="@{${imgs.value}}" height="100px" alt="封面图"> | ||
| 230 | + </a> | ||
| 231 | + <b th:text="${imgs.key}"></b> | ||
| 232 | + </div> | ||
| 233 | + </div> | ||
| 234 | + </div> | ||
| 235 | + | ||
| 233 | <!--不能删，此处已隐藏，起一个格式作用，使通过，拒绝，返回列表能顶到底部--> | 236 | <!--不能删，此处已隐藏，起一个格式作用，使通过，拒绝，返回列表能顶到底部--> |
| 234 | <div class="form-group"> | 237 | <div class="form-group"> |
| 235 | <input type="text" hidden="hidden" id="video_id" value=""> | 238 | <input type="text" hidden="hidden" id="video_id" value=""> |