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

- 赛事详情样式新增 style-5
- 时间展示样式新增 style_08
- 详情样式选择区域改用 flex gap 布局并缩小图片尺寸

readme.md

 ## 打包
+
 ```bash
 mvn clean package -DskipTests
-```
\ No newline at end of file
+mvn spring-boot:run -DskipTests
+```

src/main/webapp/WEB-INF/views/cmpt/banner.jsp

@@ -145,7 +145,7 @@
                                 <img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px">
                                 <span class="right add-text">添加广告</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 class="equip-container-new" id="sortable">
                                 <c:choose>
@@ -156,6 +156,7 @@
                                                 <div class="banner-block">
                                                     <img class="banner-img" src="${item.url}" alt="">
                                                     <input type="file" name="pic" style="display: none" class="pic"
+                                                        accept="image/jpeg,image/png,image/gif"
                                                         onchange="uploadFile(this)">
                                                 </div>
                                                 <div class="data">
@@ -183,7 +184,8 @@
                     <img class="drag left-top" src="/static/images/drag.png" alt="">
                     <div class="banner-block">
                         <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 class="data">
                         <span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span>

src/main/webapp/WEB-INF/views/cmpt/index.jsp

@@ -322,24 +322,28 @@
                                                                         <h2 class="h3">赛事详情样式</h2>
                                                                     </div>
                                                                     <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">
                                                                         <img data-style="1"
                                                                             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" />
                                                                         <img data-style="2"
                                                                             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" />
                                                                         <img data-style="3"
                                                                             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" />
                                                                         <img data-style="4"
                                                                             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" />
+                                                                        <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"
                                                                             id="detailStyle"
                                                                             value="${cmpt.detailStyle}" />
@@ -419,6 +423,9 @@
                                                                         <img data-style="7"
                                                                             class="time-style-card ${cmpt.timeStyle==7?'active-style':''}"
                                                                             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"
                                                                             id="timeStyle" value="${cmpt.timeStyle}" />
                                                                     </div>