美博会part4

src/main/webapp/WEB-INF/views/modules/newhome/activityFloorContentForm.jsp

@@ -135,9 +135,19 @@
         .templateImageTable {
             margin-left: 20px;
         }
+
+        .templateImageDiv {
+            padding: 5px 10px;
+            text-align: center;
+        }
+
+        /*.templateImageDiv img{
+            width:100%;
+        }*/
     </style>
     <script type="text/javascript">
         $(document).ready(function () {
+            //表单提交
             $("#inputForm").validate({
                 submitHandler: function (form) {
                     var templateType = $("input[type='radio']:checked").val();
@@ -213,12 +223,11 @@
                                         alertx("请上传移动端广告图5");
                                         return;
                                     }
-                                }
-                                else {
+                                } else {
                                     $(".Image4 .cancel-upload").click();
                                     $(".Image5 .cancel-upload").click();
                                 }
-                            }else {
+                            } else {
                                 $(".Image3 .cancel-upload").click();
                                 $(".Image4 .cancel-upload").click();
                                 $(".Image5 .cancel-upload").click();
@@ -561,10 +570,13 @@
                         <div id="pcTemplate" style="position: relative">
                             <div id="pcTemplate1" class="displayTemplate" style="position: relative;">
                                 <form:radiobutton path="templateType" value="1" cssClass="templateButton"
-                                                  onclick="showContent('pc')"/>
+                                onclick="showContent('pc')"/>
                                 <label class="templateFont">模板1</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/1.png">
+                                </div>
                             </div>
                             <div id="pcTemplate2" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="2" cssClass="templateButton"
@@ -572,6 +584,9 @@
                                 <label class="templateFont">模板2</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/2.png">
+                                </div>
                             </div>
                             <div id="pcTemplate3" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="3" cssClass="templateButton"
@@ -579,6 +594,9 @@
                                 <label class="templateFont">模板3</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/3.png">
+                                </div>
                             </div>
                             <div id="pcTemplate4" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="4" cssClass="templateButton"
@@ -586,6 +604,9 @@
                                 <label class="templateFont">模板4</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/4.png">
+                                </div>
                             </div>
                             <div id="pcTemplate5" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="5" cssClass="templateButton"
@@ -593,6 +614,9 @@
                                 <label class="templateFont">模板5</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/5.png">
+                                </div>
                             </div>
                             <div id="pcTemplate6" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="6" cssClass="templateButton"
@@ -600,6 +624,9 @@
                                 <label class="templateFont">模板6</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/6.png">
+                                </div>
                             </div>
                             <div id="pcTemplate7" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="7" cssClass="templateButton"
@@ -607,6 +634,9 @@
                                 <label class="templateFont">模板7</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/7.png">
+                                </div>
                             </div>
                             <div id="pcTemplate8" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="8" cssClass="templateButton"
@@ -614,6 +644,9 @@
                                 <label class="templateFont">模板8</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/8.png">
+                                </div>
                             </div>
                             <div id="pcTemplate9" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="9" cssClass="templateButton"
@@ -621,6 +654,9 @@
                                 <label class="templateFont">模板9</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/9.png">
+                                </div>
                             </div>
                             <div id="pcTemplate10" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="10" cssClass="templateButton"
@@ -628,6 +664,9 @@
                                 <label class="templateFont">模板10</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/10.png">
+                                </div>
                             </div>
                             <div id="pcTemplate11" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="11" cssClass="templateButton"
@@ -635,6 +674,9 @@
                                 <label class="templateFont">模板11</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/11.png">
+                                </div>
                             </div>
                             <div id="pcTemplate12" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="12" cssClass="templateButton"
@@ -642,6 +684,9 @@
                                 <label class="templateFont">模板12</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/12.png">
+                                </div>
                             </div>
                             <div id="pcTemplate13" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="13" cssClass="templateButton"
@@ -649,6 +694,9 @@
                                 <label class="templateFont">模板13</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/13.png">
+                                </div>
                             </div>
                             <div id="pcTemplate14" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="14" cssClass="templateButton"
@@ -656,6 +704,9 @@
                                 <label class="templateFont">模板14</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/14.png">
+                                </div>
                             </div>
                             <div id="pcTemplate15" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="15" cssClass="templateButton"
@@ -663,6 +714,9 @@
                                 <label class="templateFont">模板15</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/15.png">
+                                </div>
                             </div>
                             <div id="pcTemplate16" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="16" cssClass="templateButton"
@@ -670,6 +724,9 @@
                                 <label class="templateFont">模板16</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/16.png">
+                                </div>
                             </div>
                             <div id="pcTemplate17" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="17" cssClass="templateButton"
@@ -677,6 +734,9 @@
                                 <label class="templateFont">模板17</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/17.png">
+                                </div>
                             </div>
                             <div id="pcTemplate18" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="18" cssClass="templateButton"
@@ -684,6 +744,9 @@
                                 <label class="templateFont">模板18</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/18.png">
+                                </div>
                             </div>
                             <div id="pcTemplate19" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="19" cssClass="templateButton"
@@ -691,6 +754,9 @@
                                 <label class="templateFont">模板19</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/19.png">
+                                </div>
                             </div>
                             <div id="pcTemplate20" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="20" cssClass="templateButton"
@@ -698,6 +764,9 @@
                                 <label class="templateFont">模板20</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/20.png">
+                                </div>
                             </div>
                             <div id="pcTemplate21" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="21" cssClass="templateButton"
@@ -705,6 +774,9 @@
                                 <label class="templateFont">模板21</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">PC端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/pc/21.png">
+                                </div>
                             </div>
                         </div>
                         <div id="appletsTemplate" class="hide">
@@ -714,6 +786,9 @@
                                 <label class="templateFont">模板1</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/1.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate2" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="52" cssClass="templateButton"
@@ -721,6 +796,9 @@
                                 <label class="templateFont">模板2</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/2.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate3" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="53" cssClass="templateButton"
@@ -728,6 +806,9 @@
                                 <label class="templateFont">模板3</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/3.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate4" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="54" cssClass="templateButton"
@@ -735,6 +816,9 @@
                                 <label class="templateFont">模板4</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/4.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate5" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="55" cssClass="templateButton"
@@ -742,6 +826,9 @@
                                 <label class="templateFont">模板5</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/5.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate6" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="56" cssClass="templateButton"
@@ -749,6 +836,9 @@
                                 <label class="templateFont">模板6</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/6.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate7" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="57" cssClass="templateButton"
@@ -756,6 +846,9 @@
                                 <label class="templateFont">模板7</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/7.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate8" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="58" cssClass="templateButton"
@@ -763,6 +856,9 @@
                                 <label class="templateFont">模板8</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/8.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate9" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="59" cssClass="templateButton"
@@ -770,6 +866,9 @@
                                 <label class="templateFont">模板9</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/9.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate10" class="displayTemplate">
                                 <form:radiobutton path="templateType" value="60" cssClass="templateButton"
@@ -777,6 +876,9 @@
                                 <label class="templateFont">模板10</label>
                                 <em class="middleEm">偏展会活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/10.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate11" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="61" cssClass="templateButton"
@@ -784,6 +886,9 @@
                                 <label class="templateFont">模板11</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/11.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate12" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="62" cssClass="templateButton"
@@ -791,6 +896,9 @@
                                 <label class="templateFont">模板12</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/12.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate13" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="63" cssClass="templateButton"
@@ -798,6 +906,9 @@
                                 <label class="templateFont">模板13</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/13.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate14" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="64" cssClass="templateButton"
@@ -805,6 +916,9 @@
                                 <label class="templateFont">模板14</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/14.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate15" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="65" cssClass="templateButton"
@@ -812,6 +926,9 @@
                                 <label class="templateFont">模板15</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/15.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate16" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="66" cssClass="templateButton"
@@ -819,6 +936,9 @@
                                 <label class="templateFont">模板16</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/16.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate17" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="67" cssClass="templateButton"
@@ -826,6 +946,9 @@
                                 <label class="templateFont">模板17</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/17.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate18" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="68" cssClass="templateButton"
@@ -833,6 +956,9 @@
                                 <label class="templateFont">模板18</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/18.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate19" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="69" cssClass="templateButton"
@@ -840,6 +966,9 @@
                                 <label class="templateFont">模板19</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/19.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate20" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="70" cssClass="templateButton"
@@ -847,6 +976,9 @@
                                 <label class="templateFont">模板20</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/20.png">
+                                </div>
                             </div>
                             <div id="appletsTemplate21" class="mallTemplate">
                                 <form:radiobutton path="templateType" value="71" cssClass="templateButton"
@@ -854,6 +986,9 @@
                                 <label class="templateFont">模板21</label>
                                 <em class="middleEm">偏商城活动</em>
                                 <em class="rightEm">移动端</em>
+                                <div class="templateImageDiv">
+                                    <img src="/static/template/activity/applets/21.png">
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -918,25 +1053,7 @@
             })
         });
         $(window).on("load", function () {
-            setTimeout(function () {
-                for (var i = 1; i <= 5; i++) {
-                    $("#pcAdsImage" + i).find("input.input-xlarge").each(function (i, ele) {
-                        debugger
-                        if ($(ele).val() && $(ele).val() != '') {
-                            $(ele).next().find("li").css("z-index", "99");
-                            $(ele).parents(".conList").find(".cancel-upload").show();
-                            $(ele).parents(".conList").next().removeClass("hide-pic")
-                        }
-                    });
-                    $("#appletsAdsImage" + i).find("input.input-xlarge").each(function (i, ele) {
-                        if ($(ele).val() && $(ele).val() != '') {
-                            $(ele).next().find("li").css("z-index", "99");
-                            $(ele).parents(".conList").find(".cancel-upload").show();
-                            $(ele).parents(".conList").next().removeClass("hide-pic")
-                        }
-                    });
-                }
-            }, 2000);
+            setTimeout(showImage(), 100);
         });
 
         var templateType = $("input[type='radio']:checked").val();
@@ -1109,6 +1226,7 @@
                 $("#pcImageSize2").text("建议图片分辨率344px*268px");
                 $("#appletsImageSize2").text("建议图片分辨率339px*516px");
             }
+            showImage();
             batchSaveSort();
         } else {
             $("#infoLabel").show();
@@ -1124,6 +1242,30 @@
         $(parent).prepend($(children))
     }
 
+    //展示图片
+    function showImage() {
+        for (var i = 0; i <= 5; i++) {
+            $("#pcAdsImage" + i).find("input.input-xlarge").each(function (j, ele) {
+                if ($(ele).val() && $(ele).val() != '') {
+                    $(ele).next().find("li").css("z-index", "99");
+                    $(ele).parents(".conList").find(".cancel-upload").show();
+                    $(ele).parents(".conList").next().removeClass("hide-pic");
+                } else {
+                    $("#pcAdsImage" + i + " .cancel-upload").click();
+                }
+            });
+            $("#appletsAdsImage" + i).find("input.input-xlarge").each(function (j, ele) {
+                if ($(ele).val() && $(ele).val() != '') {
+                    $(ele).next().find("li").css("z-index", "99");
+                    $(ele).parents(".conList").find(".cancel-upload").show();
+                    $(ele).parents(".conList").next().removeClass("hide-pic")
+                } else {
+                    $("#appletsAdsImage" + i + " .cancel-upload").click();
+                }
+            });
+        }
+    }
+
     //点击添加
     function showSelect(url) {
         var title = '添加';

src/main/webapp/WEB-INF/views/modules/newhome/newPageFloorContentForm.jsp

@@ -169,35 +169,35 @@
         <label>选择网站端模板（<font color="red">关注模板结构即可，图片数量可增加</font>）：</label>
         <div>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px; ">
-                <img src="/static/template/A.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/A.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="1" label="模板A" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/B.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/B.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="2" label="模板B" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/C.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/C.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="3" label="模板C" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/D.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/D.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="4" label="模板D" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/E.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/E.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="5" label="模板E" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/F.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/F.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="6" label="模板F" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/G.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/G.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="7" label="模板G" onclick="imageShow()"/>
             </span>
             <span style="display: inline-block;text-align: center;margin-right:12px;margin-bottom: 12px;">
-                <img src="/static/template/H.jpg" style="width: 350px"><br>
+                <img src="/static/template/product/H.png" style="width: 350px"><br>
                 <form:radiobutton path="templateType" value="8" label="模板H(图片可轮播)" onclick="imageShow()"/>
             </span>
         </div>

src/main/webapp/WEB-INF/views/modules/newhome/showTemplate.jsp

@@ -12,6 +12,6 @@
 </head>
 <body>
 <span style="color: red">注：网站端和移动端的图片数量是一致的，此处只展示模板结构</span>
-<img src="/static/template/tem.jpg">
+<img src="/static/template/product/tem.png">
 </body>
 </html>