Skip to content

G
gk
Commit 6bec3546 authored by daniel's avatar daniel
Browse files
Options

feat: 赛事详情样式和时间样式新增选项 

- 赛事详情样式新增 style-5
- 时间展示样式新增 style_08
- 详情样式选择区域改用 flex gap 布局并缩小图片尺寸
parent 0504af63
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 8 deletions
readme.md
View file @ 6bec3546
## 打包 ## 打包
```bash ```bash
mvn clean package -DskipTests mvn clean package -DskipTests
``` mvn spring-boot:run -DskipTests
\ No newline at end of file ```
src/main/webapp/WEB-INF/views/cmpt/banner.jsp
View file @ 6bec3546
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
<img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px"> <img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px">
<span class="right add-text">添加广告</span> <span class="right add-text">添加广告</span>
<span class="road-notice"></span> <span class="road-notice"></span>
<span style="font-size: 14px;color: #ce3939;">建议分辨率360 x 200</span> <span style="font-size: 14px;color: #ce3939;">建议分辨率360 x 200，支持jpg/png/gif格式</span>
</div> </div>
<div class="equip-container-new" id="sortable"> <div class="equip-container-new" id="sortable">
<c:choose> <c:choose>
...@@ -156,6 +156,7 @@ ...@@ -156,6 +156,7 @@
<div class="banner-block"> <div class="banner-block">
<img class="banner-img" src="${item.url}" alt=""> <img class="banner-img" src="${item.url}" alt="">
<input type="file" name="pic" style="display: none" class="pic" <input type="file" name="pic" style="display: none" class="pic"
accept="image/jpeg,image/png,image/gif"
onchange="uploadFile(this)"> onchange="uploadFile(this)">
</div> </div>
<div class="data"> <div class="data">
...@@ -183,7 +184,8 @@ ...@@ -183,7 +184,8 @@
<img class="drag left-top" src="/static/images/drag.png" alt=""> <img class="drag left-top" src="/static/images/drag.png" alt="">
<div class="banner-block"> <div class="banner-block">
<img class="banner-img" src="" alt=""> <img class="banner-img" src="" alt="">
<input type="file" name="pic" style="display: none" class="pic" onchange="uploadFile(this)"> <input type="file" name="pic" style="display: none" class="pic"
accept="image/jpeg,image/png,image/gif" onchange="uploadFile(this)">
</div> </div>
<div class="data"> <div class="data">
<span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span> <span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span>
......
src/main/webapp/WEB-INF/views/cmpt/index.jsp
View file @ 6bec3546
...@@ -322,24 +322,28 @@ ...@@ -322,24 +322,28 @@
<h2 class="h3">赛事详情样式</h2> <h2 class="h3">赛事详情样式</h2>
</div> </div>
<div class="card-body" <div class="card-body"
style="display: flex;flex-direction: row;align-items: center" style="display: flex;flex-direction: row;align-items: center;gap: 12px;padding: 0px 30px;"
id="style-select"> id="style-select">
<img data-style="1" <img data-style="1"
class="${(cmpt.detailStyle==1||cmpt.detailStyle==null)?'active-style':''}" class="${(cmpt.detailStyle==1||cmpt.detailStyle==null)?'active-style':''}"
style="width: 120px;height:200px;box-sizing: border-box;" style="width: 80px;height:134px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-1.png" /> src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-1.png" />
<img data-style="2" <img data-style="2"
class="${cmpt.detailStyle==2?'active-style':''}" class="${cmpt.detailStyle==2?'active-style':''}"
style="width: 120px;height:200px;margin-left:20px;box-sizing: border-box;" style="width: 80px;height:134px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-2.png" /> src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-2.png" />
<img data-style="3" <img data-style="3"
class="${cmpt.detailStyle==3?'active-style':''}" class="${cmpt.detailStyle==3?'active-style':''}"
style="width: 120px;height:200px;margin-left:20px;box-sizing: border-box;" style="width: 80px;height:134px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-3.png" /> src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-3.png" />
<img data-style="4" <img data-style="4"
class="${cmpt.detailStyle==4?'active-style':''}" class="${cmpt.detailStyle==4?'active-style':''}"
style="width: 120px;height:200px;margin-left:20px;box-sizing: border-box;" style="width: 80px;height:134px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-4.png" /> src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-4.png" />
<img data-style="5"
class="${cmpt.detailStyle==5?'active-style':''}"
style="width: 80px;height:134px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-5.png" />
<input type="hidden" name="detailStyle" <input type="hidden" name="detailStyle"
id="detailStyle" id="detailStyle"
value="${cmpt.detailStyle}" /> value="${cmpt.detailStyle}" />
...@@ -419,6 +423,9 @@ ...@@ -419,6 +423,9 @@
<img data-style="7" <img data-style="7"
class="time-style-card ${cmpt.timeStyle==7?'active-style':''}" class="time-style-card ${cmpt.timeStyle==7?'active-style':''}"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/assistant/time/style_07.png" /> src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/assistant/time/style_07.png" />
<img data-style="8"
class="time-style-card ${cmpt.timeStyle==8?'active-style':''}"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/assistant/time/style_08.png" />
<input type="hidden" name="timeStyle" <input type="hidden" name="timeStyle"
id="timeStyle" value="${cmpt.timeStyle}" /> id="timeStyle" value="${cmpt.timeStyle}" />
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment