Skip to content

M
Moecube Store
Commit faee82e8 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

apps

parent 7ef247ed
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 10276 additions and 481 deletions
.idea/jsLibraryMappings.xml deleted 100644 → 0
View file @ 7ef247ed
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<includedPredefinedLibrary name="ECMAScript 6" />
</component>
</project>
\ No newline at end of file
.idea/misc.xml deleted 100644 → 0
View file @ 7ef247ed
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="JSX" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml deleted 100644 → 0
View file @ 7ef247ed
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/mycard-store.iml" filepath="$PROJECT_DIR$/.idea/mycard-store.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/mycard-store.iml deleted 100644 → 0
View file @ 7ef247ed
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
.idea/vcs.xml deleted 100644 → 0
View file @ 7ef247ed
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
.idea/workspace.xml deleted 100644 → 0
View file @ 7ef247ed
This diff is collapsed.
.vscode/settings.json deleted 100644 → 0
View file @ 7ef247ed
{
"vsicons.presets.angular": false
}
\ No newline at end of file
package-lock.json 0 → 100644
View file @ faee82e8
This diff is collapsed.
src/App.css
View file @ faee82e8
@import '~antd/dist/antd.css'; @import '~antd/dist/antd.css';
.ant-menu{ .ant-menu {
padding-top:4px; padding-top: 4px;
font-size:10pt; font-size: 10pt;
} }
.App-Logo { .App-Logo {
width: 120px; width: 120px;
height: 31px; height: 31px;
border-radius: 6px; border-radius: 6px;
margin: 16px 40px 16px 0; margin: 16px 40px 16px 0;
float: left; float: left;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.App-Poster { .App-Poster {
margin-top: 10px; margin-top: 10px;
width: 295px; width: 295px;
height: auto; height: auto;
max-width: 100%; max-width: 100%;
} }
.App-Content1 { .App-Content1 {
height:450px; height: 450px;
background: url(../public/front-page-background.jpg) 100%/cover; background: url(../public/front-page-background.jpg) 100%/cover;
background-position: center; background-position: center;
overflow:hidden; overflow: hidden;
width:100%; width: 100%;
text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6) text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6)
} }
.App-Content2 { .App-Content2 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 50px 0px 50px 60px; padding: 50px 0px 50px 60px;
background-image: radial-gradient(ellipse farthest-corner at 45px 45px ,#3d75a2 0%, #091a4b 95%); background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #3d75a2 0%, #091a4b 95%);
color: #eee; color: #eee;
text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6) text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6)
} }
.App-CardList { .App-CardList {
padding: 4vh 4vw; padding: 4vh 4vw;
} }
.App-CardList .ant-row { .App-CardList .ant-row {
margin: -8px; margin: -8px;
} }
.App-CardList .ant-row > div { .App-CardList .ant-row > div {
padding: 1vh 1vw; padding: 1vh 1vw;
} }
.App-CardList .ant-btn{
position:absolute; .App-CardList .ant-btn {
bottom:20px; position: absolute;
bottom: 20px;
} }
.App-Card-content { .App-Card-content {
margin-bottom: 2vh; margin-bottom: 2vh;
white-space: pre; white-space: pre;
} }
.ant-card-bordered{
height:100%; .ant-card-bordered {
height: 100%;
} }
.ant-col-12{
padding:10px; .ant-col-12 {
padding: 10px;
} }
.ant-card-body{
padding-bottom: 50px; .ant-card-body {
padding-bottom: 50px;
} }
.ant-layout .ant-layout-header { .ant-layout .ant-layout-header {
background: #404040 background: #404040
} }
.font-C-Gray{
color:#ccc; .font-C-Gray {
color: #ccc;
} }
.App-Poster-Content .App-Poster-Content {
{ display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center;
} }
.App-Poster-Content .title{ .App-Poster-Content .title {
margin-top: -20px; margin-top: -20px;
margin-bottom: -5px; margin-bottom: -5px;
font-size: 1.3rem; font-size: 1.3rem;
color: #eee color: #eee
} }
.App-Poster-Content a{
padding: 0 .5vw; .App-Poster-Content a {
margin-top: 8px padding: 0 .5vw;
margin-top: 8px
} }
.App-Poster-Content .title .sub{ .App-Poster-Content .title .sub {
font-size: 0.7rem; font-size: 0.7rem;
color: #eee; color: #eee;
padding: 0 0.4vw padding: 0 0.4vw
} }
.ant-layout-content>p{ .ant-layout-content > p {
color: #eee; color: #eee;
font-size: 1.2rem font-size: 1.2rem
} }
.ant-layout-footer{ .ant-layout-footer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.ant-card-head-title{ .ant-card-head-title {
font-size:1.5rem; font-size: 1.5rem;
} }
.ant-timeline-item-content { .ant-timeline-item-content {
...@@ -120,105 +128,137 @@ ...@@ -120,105 +128,137 @@
min-height: 0px; min-height: 0px;
} }
.ant-timeline>.ant-timeline-item-pending,.ant-timeline>.ant-timeline-item-pending>div { .ant-timeline > .ant-timeline-item-pending, .ant-timeline > .ant-timeline-item-pending > div {
padding-bottom:0px; padding-bottom: 0px;
} }
#Card3Button #Card3Button {
{ margin-top: 20px;
margin-top: 20px;
} }
.loading .loading {
{ margin-top: 20px;
margin-top: 20px; font-size: 20px;
font-size:20px; color: white;
color:white;
} }
#Card4Button #Card4Button {
{ margin-top: 20px;
margin-top: 20px;
} }
.square{ .square {
padding-right:20px; padding-right: 20px;
float:right; float: right;
cursor:pointer; cursor: pointer;
font-size:22px; font-size: 22px;
color:#aaa; color: #aaa;
} }
.square:hover{
color:#fff; .square:hover {
color: #fff;
} }
.menu { .menu {
z-index: 1; z-index: 1;
width:100%; width: 100%;
position:fixed; position: fixed;
top:64px; top: 64px;
} }
.menu li{
line-height: 40px; .menu li {
height:40px; line-height: 40px;
padding: 0 20px; height: 40px;
color:white; padding: 0 20px;
background:#404040; color: white;
border-top:#777 solid 1px; background: #404040;
font-size:14px; border-top: #777 solid 1px;
font-size: 14px;
} }
.menu li:hover{
background:#777; .menu li:hover {
background: #777;
} }
.chidden{
animation: downotup 0.5s; .chidden {
-webkit-animation:downotup 0.5s; animation: downotup 0.5s;
transform:translate(0,-1000px) -webkit-animation: downotup 0.5s;
transform: translate(0, -1000px)
}
.cshow {
animation: uptodown 0.5s;
-webkit-animation: uptodown 0.5s;
transform: translate(0, 0px)
}
@keyframes uptodown {
from {
transform: translate(0, -1000px)
}
to {
transform: translate(0, 0px)
}
}
@keyframes downotup {
from {
transform: translate(0, 0px)
}
to {
transform: translate(0, -1000px)
}
} }
.cshow{
animation: uptodown 0.5s; .MoeCubeProduct {
-webkit-animation:uptodown 0.5s; max-width: 370px;
transform:translate(0,0px)
} }
@keyframes uptodown{ #requirments {
from{transform:translate(0,-1000px)} white-space: pre-wrap;
to{transform:translate(0,0px)}
} }
@keyframes downotup{
from{transform:translate(0,0px)} #Welcome {
to{transform:translate(0,-1000px)} margin-top: 10px;
font-size: 1.3rem;
white-space: pre-wrap;
} }
.MoeCubeProduct{ #downloadbot {
max-width: 370px; margin-top: 10px;
margin-bottom: 10px;
height: 40px;
width: 180px
} }
#requirments{ .changelanguage {
white-space: pre-wrap; display: flex;
line-height: 30px;
} }
#Welcome{ .changelanguage > i {
margin-top: 10px; line-height: 30px;
font-size: 1.3rem;
white-space: pre-wrap;
} }
#downloadbot li > .changelanguage {
{ display: flex;
margin-top:10px; line-height: 30px;
margin-bottom:10px;
height: 40px;
width: 180px
} }
.changelanguage{ #apps {
display: flex; padding: 1vh 4vw 4vh 4vw;
line-height:30px; display: flex;
width: 100%;
} }
.changelanguage>i{
line-height:30px; #apps img {
padding: 10px;
width: 25%;
height: 16vw;
object-fit: cover;
} }
li>.changelanguage{
display: flex; h2 {
line-height:30px; padding-left: calc(4vw + 10px);
font-size: 1.5rem;
} }
\ No newline at end of file
src/App.js
View file @ faee82e8
...@@ -284,6 +284,14 @@ export default class App extends Component { ...@@ -284,6 +284,14 @@ export default class App extends Component {
</div> </div>
</Content> </Content>
<h2>代表作品</h2>
<div id="apps">
<img src={require('../public/ygopro.jpg')} />
<img src={require('../public/ozns.jpg')} />
<img src={require('../public/eddyviolet.jpg')} />
<img src={require('../public/df02.jpg')} />
</div>
{!isMobile ? {!isMobile ?
(<div> (<div>
<Content className="App-Content2"> <Content className="App-Content2">
......
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