Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
M
Moecube Store
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
MyCard
Moecube Store
Commits
5c3dd98d
Commit
5c3dd98d
authored
Jul 16, 2019
by
神楽坂玲奈
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
arena
parent
0b5f158d
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
195 additions
and
183 deletions
+195
-183
src/app/app.module.ts
src/app/app.module.ts
+3
-1
src/app/layout/layout.component.html
src/app/layout/layout.component.html
+192
-182
No files found.
src/app/app.module.ts
View file @
5c3dd98d
...
...
@@ -11,6 +11,7 @@ import { registerLocaleData } from '@angular/common';
import
zh
from
'
@angular/common/locales/zh
'
;
import
{
BannerComponent
}
from
'
./banner/banner.component
'
;
import
{
LayoutComponent
}
from
"
./layout/layout.component
"
;
import
{
ArenaTableComponent
}
from
'
./arena-table/arena-table.component
'
;
registerLocaleData
(
zh
);
...
...
@@ -19,7 +20,8 @@ registerLocaleData(zh);
AppComponent
,
HomeComponent
,
BannerComponent
,
LayoutComponent
LayoutComponent
,
ArenaTableComponent
],
imports
:
[
BrowserModule
,
...
...
src/app/layout/layout.component.html
View file @
5c3dd98d
<nz-layout
class=
"layout"
>
<nz-affix
class=
"nav-affix"
>
<nz-header
id=
"nav-header"
class=
"nav"
>
<img
class=
"logo"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/logo.png"
/>
<ul
id=
"nav-ul"
nz-menu
[nzTheme]=
"'dark'"
[nzMode]=
"'horizontal'"
style=
"line-height: 64px;"
>
<li
nz-menu-item
>
首页
</li>
<li
nz-menu-item
>
社区
</li>
<li
nz-menu-item
>
数据库
</li>
<li
nz-menu-item
>
用户中心
</li>
</ul>
</nz-header>
</nz-affix>
<nz-affix
class=
"nav-affix"
>
<nz-header
id=
"nav-header"
class=
"nav"
>
<img
class=
"logo"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/logo.png"
/>
<ul
id=
"nav-ul"
nz-menu
[nzTheme]=
"'dark'"
[nzMode]=
"'horizontal'"
style=
"line-height: 64px;"
>
<li
nz-menu-item
>
首页
</li>
<li
nz-menu-item
>
社区
</li>
<li
nz-menu-item
>
数据库
</li>
<li
nz-menu-item
>
用户中心
</li>
</ul>
</nz-header>
</nz-affix>
<nz-content
class=
"container"
>
<div
id=
"banner"
class=
"home-banner"
>
<div
style=
"width:100%;position: relative;top:100px;text-align: center;"
>
<img
class=
"no-select"
draggable=
"false"
style=
"margin:0 auto;width:480px;position: relative;top:80px;"
src=
"assets/img/font-2.png"
/>
<br>
<img
class=
"no-select"
draggable=
"false"
style=
"margin:0 auto;width:580px;position: relative;top:40px;"
src=
"assets/img/desc.png"
>
<div
style=
"margin:0 auto;position: relative; top:-50px;"
>
<a
href=
"{{latest_current|async}}"
>
<!--<button nz-button nzType="primary" nzSize="large" nzShape="round"><i nz-icon type="download"></i>下载游戏
<nz-content
class=
"container"
>
<div
id=
"banner"
class=
"home-banner"
>
<div
style=
"width:100%;position: relative;top:100px;text-align: center;"
>
<img
class=
"no-select"
draggable=
"false"
style=
"margin:0 auto;width:480px;position: relative;top:80px;"
src=
"assets/img/font-2.png"
/>
<br
/>
<img
class=
"no-select"
draggable=
"false"
style=
"margin:0 auto;width:580px;position: relative;top:40px;"
src=
"assets/img/desc.png"
/>
<div
style=
"margin:0 auto;position: relative; top:-50px;"
>
<a
href=
"{{ latest_current | async }}"
>
<!--<button nz-button nzType="primary" nzSize="large" nzShape="round"><i nz-icon type="download"></i>下载游戏
</button>-->
<img
src=
"assets/img/button-3.png"
width=
"150px"
style=
"position: relative;top:80px; border-radius: 3px; border: 1px solid #F2F6FC"
/>
</a>
</div>
</div>
<img
src=
"assets/img/button-3.png"
width=
"150px"
style=
"position: relative;top:80px; border-radius: 3px; border: 1px solid #F2F6FC"
/>
</a>
</div>
</div>
<div
class=
"no-select"
style=
"position: absolute;bottom:0;left:45%;z-index:0;color:#fff;font-size: 25px;"
>
<p>
向下
<i
nz-icon
nzType=
"down-circle"
nzTheme=
"outline"
class=
"down-icon"
></i>
滚动
</p>
</div>
<!--
<div
class=
"no-select"
style=
"position: absolute;bottom:0;left:45%;z-index:0;color:#fff;font-size: 25px;"
>
<p>
向下
<i
nz-icon
nzType=
"down-circle"
nzTheme=
"outline"
class=
"down-icon"
></i>
滚动
</p>
</div>
<!--
<div class="download-button">
</div>
-->
</div>
<section
class=
"section-two"
>
<div
class=
"section-two-container"
>
<div
class=
"section-title no-select"
><p
style=
"font-size:50px;color: #C5D1EB !important;"
>
游戏王全卡模拟器YGOPro
</p></div>
<div
nz-row
[nzType]=
"'flex'"
[nzJustify]=
"'center'"
style=
"padding-top:50px;"
>
<div
nz-col
>
<div
class=
"no-select"
style=
"position: relative; left: 100px;"
>
<img
class=
"card-one"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
<img
class=
"card-two"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
<img
class=
"card-three"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
</div>
</div>
<div
nz-col
style=
"min-width: 600px"
>
<div
nz-row
class=
"no-select"
>
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"gift"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
免费收录
</p>
<p
class=
"grid-desc"
>
氪金要素是不存在的
<br/>
从最开始所有卡片都可选用
<br/>
随心所欲组出您想要的卡组
</p>
</div>
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"rocket"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
自动更新
</p>
<p
class=
"grid-desc"
>
无需为更新而烦恼
<br/>
客户端会自动更新
</p>
</div>
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"radar-chart"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
丰富玩法
</p>
<p
class=
"grid-desc"
>
2V2决斗/人机决斗
<br/>
竞技向卡组决斗
<br/>
娱乐向卡组决斗
<br/>
总有适合你的
<br/></p>
</div>
</div>
</div>
</div>
<section
class=
"section-two"
>
<div
class=
"section-two-container"
>
<div
class=
"section-title no-select"
><p
style=
"font-size:50px;color: #C5D1EB !important;"
>
游戏王全卡模拟器YGOPro
</p></div>
<div
nz-row
[nzType]=
"'flex'"
[nzJustify]=
"'center'"
style=
"padding-top:50px;"
>
<div
nz-col
>
<div
class=
"no-select"
style=
"position: relative; left: 100px;"
>
<img
class=
"card-one"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
<img
class=
"card-two"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
<img
class=
"card-three"
draggable=
"false"
src=
"assets/img/card-1.jpg"
width=
"200px"
/>
</div>
</div>
<div
nz-col
style=
"min-width: 600px"
>
<div
nz-row
class=
"no-select"
>
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"gift"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
免费收录
</p>
<p
class=
"grid-desc"
>
氪金要素是不存在的
<br
/>
从最开始所有卡片都可选用
<br
/>
随心所欲组出您想要的卡组
</p>
</div>
<!--
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"rocket"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
自动更新
</p>
<p
class=
"grid-desc"
>
无需为更新而烦恼
<br
/>
客户端会自动更新
</p>
</div>
<div
nz-col
nzSpan=
"8"
class=
"plant-grid"
>
<i
nz-icon
nzType=
"radar-chart"
nzTheme=
"outline"
class=
"icon"
></i>
<p
class=
"plant-title"
>
丰富玩法
</p>
<p
class=
"grid-desc"
>
2V2决斗/人机决斗
<br
/>
竞技向卡组决斗
<br
/>
娱乐向卡组决斗
<br
/>
总有适合你的
<br
/></p>
</div>
</div>
</div>
</div>
<!--
<div class="section-title no-select"><p style="font-size:50px;color: #C5D1EB !important;">游戏王全卡模拟器YGOPro</p></div>
<div class="cards-group no-select">
<img class="card-one" draggable="false" src="assets/img/card-1.jpg" width="200px"/>
...
...
@@ -93,124 +99,129 @@
<p class="grid-desc">2V2决斗/人机决斗<br/>竞技向卡组决斗<br/>娱乐向卡组决斗<br/>总有适合你的<br/></p>
</div>
</div>-->
</div>
</section>
<section
class=
"section-third no-select"
>
<div
class=
"section-third-container"
>
<div
class=
"section-title"
><p
style=
"font-size:50px;color:#313154 !important;"
>
代表作品
</p></div>
<div
nz-row
class=
"section-third-grid"
[nzType]=
"'flex'"
>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
</div>
</div>
</section>
<section
class=
"section-fourth no-select"
>
<div
class=
"section-fourth-container"
>
<div
class=
"section-title"
><p
style=
"font-size:50px;color: #C5D1EB !important;"
>
原创周边
</p></div>
<div
nz-row
class=
"section-fourth-row"
>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</section>
<section
class=
"section-third no-select"
>
<div
class=
"section-third-container"
>
<div
class=
"section-title"
><p
style=
"font-size:50px;color:#313154 !important;"
>
代表作品
</p></div>
<div
nz-row
class=
"section-third-grid"
[nzType]=
"'flex'"
>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
<div
nz-col
nzSpan=
"6"
>
<img
class=
"section-third-pic"
src=
"https://cdn01.moecube.com/store/zh-CN/assets/ozns_1.jpg"
/>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</section>
<section
class=
"section-fourth no-select"
>
<div
class=
"section-fourth-container"
>
<div
class=
"section-title"
><p
style=
"font-size:50px;color: #C5D1EB !important;"
>
MCPro原创周边
</p></div>
<div
nz-row
class=
"section-fourth-row"
>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</div>
<div
nz-col
nzSpan=
"6"
>
<div
class=
"section-fourth-bg"
>
<div
class=
"section-card-cover"
>
<div
class=
"section-card-body"
>
<p>
McPro 原创卡垫
</p>
<p>
以飒爽的闪到姬与开辟的使者为主题的帅气卡垫
</p>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"shopping"
nzTheme=
"outline"
></i>
购买
</button>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section
class=
"section-fifth no-select"
>
<div
class=
"section-fifth-container"
>
<div
class=
"section-title"
><p
style=
"font-size:50px;"
><br></p></div>
<div
nz-row
style=
"margin:0 auto;text-align: center;"
>
<section
class=
"section-fifth no-select"
>
<div
class=
"section-fifth-container"
>
<!-- <div class="section-title">-->
<!-- <p style="font-size:50px;"><br /></p>-->
<!-- </div>-->
<div
nz-row
style=
"margin:0 auto;justify-content: space-evenly;"
[nzType]=
"'flex'"
>
<div
nz-col
>
<app-arena-table></app-arena-table>
</div>
<div
nz-col
>
<p
style=
"font-size: 40px;color:#313154"
>
决斗数据库
</p>
<div
nz-col
nzSpan=
"12"
>
<p
style=
"font-size: 40px;color:#313154"
>
Mc 决斗数据库
</p>
<p
style=
"font-size: 20px;color:#313154"
>
今日决斗
</p>
<nz-statistic
[nzValueStyle]=
"{color: '#000D1E' }"
[nzValue]=
"stats_online|async | number"
[nzTitle]=
""
></nz-statistic>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"double-right"
nzTheme=
"outline"
></i>
进入决斗数据库
</button>
</div>
<div
nz-col
nzSpan=
"12"
>
<p
style=
"font-size: 40px;color:#313154"
>
Mc 决斗大赛
</p>
<p
style=
"font-size: 20px;color:#313154"
>
参赛人数
</p>
<nz-statistic
[nzValueStyle]=
"{color: '#000D1E' }"
[nzValue]=
"1949101 | number"
[nzTitle]=
""
></nz-statistic>
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"double-right"
nzTheme=
"outline"
></i>
查看近期赛事
</button>
</div>
<!--
<p
style=
"font-size: 20px;color:#313154;"
>
实时 YGOPro 线上对战数据
<br
/>
卡组与卡片使用数据
<br
/>
实时玩家排行
<br
/>
排表、打印实卡比赛卡表等特色功能
<br
/>
</p>
<p
style=
"font-size: 20px;color:#313154;"
>
本周进行了 123456 场对战
</p>
<!-- <nz-statistic [nzValueStyle]="{ color: '#000D1E' }" [nzValue]="stats_online | async | number" [nzTitle]=""></nz-statistic>-->
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"double-right"
nzTheme=
"outline"
></i>
进入决斗数据库
</button>
</div>
<div
nz-col
>
<p
style=
"font-size: 40px;color:#313154"
>
决斗大赛
</p>
<p
style=
"font-size: 20px;color:#313154;"
>
每年萌卡 YGOPro 会有两个赛季
<br
/>
每个赛季都有奖励丰富的决斗大赛
<br
/>
最强的决斗者们会在此相遇,争夺荣誉
<br
/>
节假日更会举办各类趣味活动
<br
/>
让你的游戏人生有趣起来
<br
/>
</p>
<!-- <nz-statistic [nzValueStyle]="{ color: '#000D1E' }" [nzValue]="1949101 | number" [nzTitle]=""></nz-statistic>-->
<button
nz-button
nzType=
"primary"
nzSize=
"large"
><i
nz-icon
nzType=
"double-right"
nzTheme=
"outline"
></i>
查看近期赛事
</button>
</div>
<!--
<div nz-col nzSpan="8">
<p style="font-size: 40px;color:#ffffff">Mc 用户数</p>
<p style="font-size: 20px;color:#ffffff">注册用户</p>
...
...
@@ -221,13 +232,12 @@
</button>
</div>
-->
</div>
</div>
</section>
</div>
</div>
</section>
<section
class=
"foot"
>
<p>
© MyCard 2019 all rights reserved.
</p>
</section>
</nz-content>
<section
class=
"foot"
>
<p>
© MyCard 2019 all rights reserved.
</p>
</section>
</nz-content>
</nz-layout>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment