Halaman utama Jelajahi Bantuan
Daftar Masuk
suochencheng
/
shouyoudianjing
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

首页

panhui 6 tahun lalu
induk
6c7ed31dad
melakukan
635ef58502
19 mengubah file dengan 474 tambahan dan 0 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 5 0
      src/main/java/com/izouma/awesomeadmin/web/MainController.java
  2. 202 0
      src/main/webapp/WEB-INF/html/index.html
  3. 262 0
      src/main/webapp/index/css/index.css
  4. TEMPAT SAMPAH
      src/main/webapp/index/img/img_001.png
  5. TEMPAT SAMPAH
      src/main/webapp/index/img/img_002.png
  6. TEMPAT SAMPAH
      src/main/webapp/index/img/img_003.png
  7. TEMPAT SAMPAH
      src/main/webapp/index/img/img_004.png
  8. TEMPAT SAMPAH
      src/main/webapp/index/img/img_005.png
  9. TEMPAT SAMPAH
      src/main/webapp/index/img/img_006.png
  10. TEMPAT SAMPAH
      src/main/webapp/index/img/img_007.png
  11. TEMPAT SAMPAH
      src/main/webapp/index/img/img_008.png
  12. TEMPAT SAMPAH
      src/main/webapp/index/img/img_009.png
  13. TEMPAT SAMPAH
      src/main/webapp/index/img/img_011.png
  14. TEMPAT SAMPAH
      src/main/webapp/index/img/img_012.png
  15. TEMPAT SAMPAH
      src/main/webapp/index/img/img_013.png
  16. TEMPAT SAMPAH
      src/main/webapp/index/img/img_014.png
  17. TEMPAT SAMPAH
      src/main/webapp/index/img/img_015.png
  18. TEMPAT SAMPAH
      src/main/webapp/index/img/img_110.png
  19. 5 0
      src/main/webapp/index/img/去除文件名中.bat

+ 5 - 0
src/main/java/com/izouma/awesomeadmin/web/MainController.java
Tampilan Berkas 

@@ -28,4 +28,9 @@ public class MainController {
 
     public ModelAndView share(HttpServletRequest request) {
 
         return new ModelAndView("html/share.html");
 
     }
 
+
 
+    @RequestMapping("/index")
 
+    public ModelAndView index(HttpServletRequest request) {
 
+        return new ModelAndView("html/index.html");
 
+    }
 
 }

+ 202 - 0
src/main/webapp/WEB-INF/html/index.html
Tampilan Berkas 

@@ -0,0 +1,202 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+    <title>猿人电竞</title>
 
+    <link rel="stylesheet" href="index/css/index.css">
 
+</head>
 
+
 
+<body>
 
+<div id="app">
 
+    <div class="headerImg bg">
 
+        <div class="text1">EMMC &“猿人电竞”</div>
 
+        <div class="text2">全民体育，全民电竞</div>
 
+    </div>
 
+
 
+    <div class="msg">
 
+        <div>
 
+            “猿人电竞”为响应”全民体育“号召，根据国家相关文件指导精神打造的”全民电竞“竞赛平台。
 
+        </div>
 
+
 
+        <div>
 
+            由EMMC组委会发起，盛世明月（海南）科技有限公司联合资深游戏开发团队与职业赛事运营团队
 
+            共同倾力打造。
 
+        </div>
 
+
 
+        <div>
 
+            旨在为电竞赛事组织方提低运营成本，高效赛事组织，可实现较高的赛事运营与组织工具。
 
+        </div>
 
+
 
+        <div>为电竞爱好者搭建没有专业门槛的电竞赛事参赛平台。</div>
 
+    </div>
 
+
 
+    <div class="line">
 
+        <img src="index/img/img_002.png" alt="">
 
+        <div>
 
+
 
+        </div>
 
+    </div>
 
+
 
+
 
+    <div class="show">
 
+
 
+        <div class="title">
 
+            <div class="name">产品展示</div>
 
+            <div class="hr"></div>
 
+        </div>
 
+
 
+        <img src="index/img/img_003.png" alt="" class="showImg">
 
+    </div>
 
+
 
+    <div class="game bg">
 
+        <div class="title">
 
+            <div class="name">竞赛游戏</div>
 
+            <div class="hr"></div>
 
+        </div>
 
+
 
+        <div class="content">
 
+            <img src="index/img/img_005.png" alt="">
 
+            <div class="text">
 
+                <div class="top">
 
+                    “猿人电竞”<br/>
 
+                    V1.0版支持的电竞赛事
 
+                </div>
 
+                <div class="bottom">《绝地求生-刺激战场》</div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+    <div class="alldirection">
 
+        <div class="text">
 
+            交好友、打比赛、赢奖金，打造最懂你的赛事工具
 
+        </div>
 
+        <div class="imgList">
 
+            <div class="img-item">
 
+                <div class="name">
 
+                    赛事首发
 
+                </div>
 
+                <div class="val">
 
+                    赛事组织，开黑竞赛，<br/>
 
+                    刺激挑战，你想要的都有。
 
+                </div>
 
+            </div>
 
+            <div class="img-item">
 
+                <div class="name">
 
+                    战绩数据
 
+                </div>
 
+                <div class="val">
 
+                    对局评价，好友排行，<br/>
 
+                    游戏详细数据快速展示。
 
+                </div>
 
+            </div>
 
+            <div class="img-item">
 
+                <div class="name">
 
+                    游戏好友
 
+                </div>
 
+                <div class="val">
 
+                    对局内外，聊天开黑，<br/>
 
+                    好友功能让知己常伴左右。
 
+                </div>
 
+            </div>
 
+            <div class="img-item">
 
+                <div class="name">
 
+                    趣味聊天室
 
+                </div>
 
+                <div class="val">
 
+                    经验交流，兴趣讨论，<br/>
 
+                    和大神美女畅聊游戏战术。
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+    <div class="use">
 
+        <div class="title" style="margin-bottom: 0.68rem">
 
+            <div class="name">使用说明</div>
 
+            <div class="hr"></div>
 
+        </div>
 
+
 
+        <div class="use-item">
 
+            <img src="index/img/img_011.png" alt="" style="width: 8.32rem;height: 7.92rem">
 
+            <div class="text">
 
+                <div>
 
+                    <div class="name">成功注册完成后</div>
 
+                    <div class="val">第一步创建房间</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="use-item">
 
+            <div class="text">
 
+                <div>
 
+                    <div class="name">第二步</div>
 
+                    <div class="val">邀请电竞玩家</div>
 
+                </div>
 
+            </div>
 
+            <img src="index/img/img_012.png" alt="" style="width: 7.83rem;height: 7.45rem">
 
+        </div>
 
+
 
+        <div class="use-item">
 
+            <img src="index/img/img_013.png" alt="" style="width: 7.99rem;height: 7.6rem">
 
+            <div class="text">
 
+                <div>
 
+                    <div class="name">第三步</div>
 
+                    <div class="val">开始电竞比赛</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="use-item">
 
+            <div class="text">
 
+                <div>
 
+                    <div class="name">第四步公布赛事结果</div>
 
+                    <div class="val">领取奖励</div>
 
+                </div>
 
+            </div>
 
+            <img src="index/img/img_014.png" alt="" style="width:8.12rem;height: 7.33rem">
 
+        </div>
 
+
 
+
 
+    </div>
 
+    <div class="bottom">
 
+        <img src="index/img/img_015.png" alt="">
 
+        <div class="text">
 
+            <div>
 
+                <div class="name">兄弟携手</div>
 
+                <div class="val">战个痛快</div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="footer">
 
+        <span>单位名称：盛世明越（海南）科技有限公司</span>
 
+        <a href="http://www.beian.miit.gov.cn" target="_blank">备案号：琼ICP备19002450号-1</a>
 
+    </div>
 
+
 
+
 
+</div>
 
+
 
+</body>
 
+
 
+
 
+<script>
 
+    (function (doc, win) {
 
+        var docEl = doc.documentElement,
 
+            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
 
+            recalc = function () {
 
+                var clientWidth = docEl.clientWidth;
 
+                docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
 
+
 
+            };
 
+        if (!doc.addEventListener) return;
 
+        win.addEventListener(resizeEvt, recalc, false);
 
+        doc.addEventListener('DOMContentLoaded', recalc, false);
 
+    })(document, window);
 
+</script>
 
+
 
+</html>

+ 262 - 0
src/main/webapp/index/css/index.css
Tampilan Berkas 

@@ -0,0 +1,262 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+
 
+.bg {
 
+    background-position: center center;
 
+    background-size: cover;
 
+    background-repeat: no-repeat;
 
+}
 
+
 
+.headerImg {
 
+    display: block;
 
+    width: 100%;
 
+    height: 9.9rem;
 
+    background-image: url(../img/img_001.png);
 
+
 
+    display: flex;
 
+    display: -webkit-flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    flex-direction: column;
 
+}
 
+
 
+.text1 {
 
+    font-size: 1.64rem;
 
+    font-weight: bolder;
 
+    font-weight: 800;
 
+    color: rgba(221, 221, 221, 1);
 
+}
 
+
 
+.text2 {
 
+    font-size: 1.22rem;
 
+    color: rgba(221, 221, 221, 1);
 
+    margin-top: .56rem;
 
+}
 
+
 
+.msg {
 
+    font-size: 0.38rem;
 
+    font-weight: bolder;
 
+    font-weight: 800;
 
+    color: rgba(77, 77, 77, 1);
 
+    margin: 1.03rem 1.4rem 0 1.08rem;
 
+}
 
+
 
+.msg div {
 
+    margin-bottom: 0.4rem;
 
+}
 
+
 
+.line {
 
+    display: flex;
 
+    margin: 0.82rem 1.4rem 0 1.06rem;
 
+    align-items: center;
 
+    justify-content: space-between;
 
+}
 
+
 
+.line img {
 
+    width: 3.12rem;
 
+    height: 0.72rem;
 
+}
 
+
 
+.line div {
 
+    width: 12.5rem;
 
+    height: 0.04rem;
 
+    background: rgba(77, 77, 77, 1);
 
+    opacity: 0.54;
 
+}
 
+
 
+.title .name {
 
+    font-size: 1rem;
 
+    font-weight: bold;
 
+    font-weight: 500;
 
+    color: rgba(212, 212, 212, 1);
 
+    margin: auto;
 
+    text-align: center;
 
+}
 
+
 
+.title .hr {
 
+    width: 3.6rem;
 
+    height: 0.09rem;
 
+    background: rgba(212, 212, 212, 1);
 
+    opacity: 0.47;
 
+    margin: 0.2rem auto 0;
 
+
 
+}
 
+
 
+.show {
 
+    padding: 0.92rem;
 
+}
 
+
 
+.title {
 
+    width: 4rem;
 
+}
 
+
 
+.showImg {
 
+    width: 16.18rem;
 
+    display: block;
 
+    margin: auto;
 
+}
 
+
 
+.game {
 
+    background-image: url(../img/img_004.png);
 
+    height: 10.58rem;
 
+    padding: 0.9rem 1rem 0 0.9rem;
 
+}
 
+
 
+.game .content {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: space-between;
 
+    margin-top: 1.12rem;
 
+}
 
+
 
+.game .content img {
 
+    width: 6.34rem;
 
+    height: 4.49rem;
 
+}
 
+
 
+.game .content .text .top {
 
+    font-size: 0.9rem;
 
+    font-weight: bolder;
 
+    font-weight: 800;
 
+    color: rgba(221, 221, 221, 1);
 
+}
 
+
 
+.game .content .text .bottom {
 
+    font-size: 0.8rem;
 
+    color: rgba(221, 221, 221, 1);
 
+}
 
+
 
+.alldirection {
 
+    background-image: url(../img/img_006.png), url(../img/img_110.png);
 
+    background-size: 9.57rem 1.77rem, 100% 10.6rem;
 
+    background-position: center 1.2rem, bottom center;
 
+    height: 13.07rem;
 
+    background-repeat: no-repeat;
 
+    overflow: hidden;
 
+}
 
+
 
+.alldirection .text {
 
+    font-size: 0.56rem;
 
+    color: rgba(70, 70, 70, 1);
 
+    text-align: center;
 
+    margin: 3.11rem auto 0;
 
+}
 
+
 
+.imgList{
 
+    width: 13rem;
 
+    height: 5.56rem;
 
+    margin: 1.13rem auto 0;
 
+    display: flex;
 
+    flex-wrap: wrap;
 
+    background-image: url(../img/img_007.png), url(../img/img_008.png), url(../img/img_009.png);
 
+    background-repeat: no-repeat;
 
+    background-size:6.43rem 2.6rem,6.43rem 2.6rem ,12.76rem 2.6rem ;
 
+    background-position: left top ,right top,center bottom;
 
+}
 
+
 
+.img-item{
 
+    width:3.89rem;
 
+    height: 2.6rem;
 
+    margin-left: 2.54rem;
 
+    margin-top: 0.2rem;
 
+    margin-bottom: 0.2rem;
 
+}
 
+.img-item .name{
 
+    font-size:0.57rem;
 
+    font-weight: bolder;
 
+    font-weight:800;
 
+    color:rgba(51,51,51,1);
 
+    opacity:0.91;
 
+}
 
+
 
+.img-item .val{
 
+    font-size:0.25rem;
 
+    font-weight: bold;
 
+    font-weight:500;
 
+    color:rgba(70,70,70,1);
 
+    line-height:0.38rem;
 
+    margin-top: 0.2rem;
 
+}
 
+
 
+.use{
 
+    padding: 0.9rem;
 
+}
 
+
 
+.use-item{
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: space-between;
 
+}
 
+.use-item .text{
 
+    /*margin-left: 2rem;*/
 
+    flex-grow: 1;
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+}
 
+.use-item .text .name{
 
+    font-size:0.87rem;
 
+    font-weight: bolder;
 
+    font-weight:800;
 
+    color:#2C2C2C;
 
+}
 
+.use-item .text .val{
 
+    font-size:0.76rem;
 
+    color:#4D4D4D;
 
+    margin-top: 0.38rem;
 
+}
 
+
 
+.bottom{
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.bottom img{
 
+    width: 8.52rem;
 
+    height: 8.81rem;
 
+}
 
+.bottom .text{
 
+    flex-grow: 1;
 
+    display: flex;
 
+    justify-content: center;
 
+}
 
+.bottom .text .name{
 
+    font-size:1.77rem;
 
+    font-weight: bolder;
 
+    font-weight:800;
 
+    color:rgba(71,71,71,1);
 
+}
 
+
 
+.bottom .text .val{
 
+    font-size:1.75rem;
 
+    font-family:PingFang-SC-Light;
 
+    font-weight:300;
 
+    color:rgba(85,85,85,1);
 
+}
 
+
 
+.footer{
 
+    height:1.6rem;
 
+    background:rgba(46,48,73,1);
 
+    text-align: center;
 
+}
 
+.footer span{
 
+    font-size:0.18rem;
 
+    font-weight:400;
 
+    color:rgba(221,221,221,1);
 
+    line-height:0.24rem;
 
+}
 
+
 
+.footer a{
 
+    font-size:0.18rem;
 
+    font-weight:400;
 
+    color:rgba(221,221,221,1);
 
+    line-height:0.24rem;
 
+    text-decoration: none;
 
+    margin-left: .5rem;
 
+
 
+}
 
+.footer a:hover{
 
+    text-decoration: underline;
 
+}

TEMPAT SAMPAH
src/main/webapp/index/img/img_001.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_002.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_003.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_004.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_005.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_006.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_007.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_008.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_009.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_011.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_012.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_013.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_014.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_015.png
Tampilan Berkas


TEMPAT SAMPAH
src/main/webapp/index/img/img_110.png
Tampilan Berkas


+ 5 - 0
src/main/webapp/index/img/去除文件名中.bat
Tampilan Berkas 

@@ -0,0 +1,5 @@
 
+@echo off& setlocal enabledelayedexpansion
 
+
 
+for /f "delims=" %%1 in ('dir /a /b') do (set wind=%%1
 
+
 
+ren "%%~1" "!wind:@2x=!")