7 Commits

Author SHA1 Message Date
Vick Scarlet
20288a686b update data 2021-09-08 22:24:27 +08:00
Vick Scarlet
8d280345ed new bundle 2021-09-08 21:38:36 +08:00
神戸小鳥
0e22119a38 Merge pull request #230 from wwhyes/master
style:优化页面布局
2021-09-08 21:37:52 +08:00
神戸小鳥
0ba0286d9c Merge branch 'master' into master 2021-09-08 21:37:36 +08:00
wuweihui
bbb49741cf style:优化页面布局 2021-09-08 21:24:41 +08:00
Vick Scarlet
538bd7caee update sponsor 2021-09-08 21:17:55 +08:00
菜狗
f63bcad8eb fixbug (STR<3)&((MNY<3)&(EVT?[10009]) > (STR<3)&(MNY<3)&(EVT?[10009]) 2021-09-08 20:08:59 +08:00
12 changed files with 1544 additions and 732 deletions

View File

@@ -4678,7 +4678,7 @@
"11458*99999999999999999", "11458*99999999999999999",
"11459*99999999999999999", "11459*99999999999999999",
"30001*0.1", "30001*0.1",
"20567*0.1" "20567*0.02"
] ]
}, },
"29": { "29": {
@@ -4955,7 +4955,7 @@
"11458*99999999999999999", "11458*99999999999999999",
"11459*99999999999999999", "11459*99999999999999999",
"30001*0.1", "30001*0.1",
"20567*0.1" "20567*0.02"
] ]
}, },
"30": { "30": {
@@ -5498,7 +5498,7 @@
"11459*99999999999999999", "11459*99999999999999999",
"30001*0.1", "30001*0.1",
"11468*0.1", "11468*0.1",
"20567*0.1" "20567*0.02"
] ]
}, },
"32": { "32": {
@@ -5755,7 +5755,7 @@
"11458*99999999999999999", "11458*99999999999999999",
"11459*99999999999999999", "11459*99999999999999999",
"30001*0.1", "30001*0.1",
"20567*0.1" "20567*0.02"
] ]
}, },
"33": { "33": {
@@ -8521,7 +8521,7 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"20567*0.1", "20567*0.02",
"11470*0.1", "11470*0.1",
"11471*0.1", "11471*0.1",
"11472*0.1", "11472*0.1",
@@ -9493,7 +9493,7 @@
"11449*0.01", "11449*0.01",
"11450*0.01", "11450*0.01",
"11468*0.1", "11468*0.1",
"20567*0.1", "20567*0.02",
"11470*0.1", "11470*0.1",
"11471*0.1", "11471*0.1",
"11472*0.1", "11472*0.1",
@@ -9714,7 +9714,7 @@
"11448*0.01", "11448*0.01",
"11449*0.01", "11449*0.01",
"11450*0.01", "11450*0.01",
"20567*0.1" "20567*0.02"
] ]
}, },
"48": { "48": {
@@ -10351,7 +10351,19 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"20567*0.1" "20567*0.02",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"51": { "51": {
@@ -10553,7 +10565,7 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"20567*0.1" "20567*0.02"
] ]
}, },
"52": { "52": {
@@ -10955,7 +10967,7 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"20567*0.1" "20567*0.02"
] ]
}, },
"54": { "54": {
@@ -11532,7 +11544,19 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"57": { "57": {
@@ -11709,7 +11733,19 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"58": { "58": {
@@ -11886,7 +11922,19 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"59": { "59": {
@@ -12063,7 +12111,19 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"60": { "60": {
@@ -12474,7 +12534,7 @@
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469", "11469",
"20567*0.1", "20567*0.02",
"11475*0.05", "11475*0.05",
"11476*0.05", "11476*0.05",
"11477*0.05", "11477*0.05",
@@ -12687,7 +12747,19 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"63": { "63": {
@@ -12898,7 +12970,19 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"64": { "64": {
@@ -13101,7 +13185,19 @@
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469", "11469",
"20323*0.1" "20323*0.1",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"65": { "65": {
@@ -13713,7 +13809,7 @@
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469", "11469",
"20567*0.1", "20567*0.02",
"11475*0.05", "11475*0.05",
"11476*0.05", "11476*0.05",
"11477*0.05", "11477*0.05",
@@ -13918,7 +14014,7 @@
"11450*0.05", "11450*0.05",
"11469", "11469",
"20323*0.1", "20323*0.1",
"20567*0.1", "20567*0.02",
"11475*0.05", "11475*0.05",
"11476*0.05", "11476*0.05",
"11477*0.05", "11477*0.05",
@@ -14718,7 +14814,8 @@
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469", "11469",
"20323*0.1" "20323*0.1",
"20770*0.1"
] ]
}, },
"73": { "73": {
@@ -14906,7 +15003,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"74": { "74": {
@@ -15052,7 +15150,7 @@
"11348*0.01", "11348*0.01",
"11349", "11349",
"20323*0.1", "20323*0.1",
"20567*0.1", "20567*0.02",
"11475*0.05", "11475*0.05",
"11476*0.05", "11476*0.05",
"11477*0.05", "11477*0.05",
@@ -15061,7 +15159,20 @@
"11480*0.05", "11480*0.05",
"11481*0.05", "11481*0.05",
"11482*0.05", "11482*0.05",
"11483*0.05" "11483*0.05",
"20770*0.1",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"75": { "75": {
@@ -15593,7 +15704,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"78": { "78": {
@@ -15769,7 +15881,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"79": { "79": {
@@ -15945,7 +16058,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"80": { "80": {
@@ -16089,7 +16203,20 @@
"11348*0.01", "11348*0.01",
"11349", "11349",
"11469", "11469",
"20323*0.1" "20323*0.1",
"20770*0.1",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"81": { "81": {
@@ -16232,7 +16359,20 @@
"11347*0.01", "11347*0.01",
"11348*0.01", "11348*0.01",
"11349", "11349",
"11469" "11469",
"20770*0.1",
"11484*0.05",
"11485*0.05",
"11486*0.05",
"11487*0.05",
"11488*0.05",
"11489*0.05",
"11490*0.05",
"11491*0.05",
"11492*0.05",
"11493*0.05",
"11494*0.05",
"11495*0.05"
] ]
}, },
"82": { "82": {
@@ -16558,7 +16698,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"84": { "84": {
@@ -16720,7 +16861,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"85": { "85": {
@@ -16882,7 +17024,8 @@
"11448*0.05", "11448*0.05",
"11449*0.05", "11449*0.05",
"11450*0.05", "11450*0.05",
"11469" "11469",
"20770*0.1"
] ]
}, },
"86": { "86": {
@@ -17253,7 +17396,8 @@
"11346*0.1", "11346*0.1",
"11347*0.01", "11347*0.01",
"11348*0.01", "11348*0.01",
"11349" "11349",
"20770*0.1"
] ]
}, },
"89": { "89": {
@@ -17376,7 +17520,8 @@
"11346*0.1", "11346*0.1",
"11347*0.01", "11347*0.01",
"11348*0.01", "11348*0.01",
"11349" "11349",
"20770*0.1"
] ]
}, },
"90": { "90": {
@@ -17499,7 +17644,8 @@
"11346*0.1", "11346*0.1",
"11347*0.01", "11347*0.01",
"11348*0.01", "11348*0.01",
"11349" "11349",
"20770*0.1"
] ]
}, },
"91": { "91": {

Binary file not shown.

View File

@@ -86,7 +86,7 @@ $id,event,postEvent,effect:CHR,effect:INT,effect:STR,effect:MNY,effect:SPR,effec
10061,一个人在家,非常寂寞。,,,,,,-1,,,EVT?[10024],EVT?[10025],,SPR<2:10062 10061,一个人在家,非常寂寞。,,,,,,-1,,,EVT?[10024],EVT?[10025],,SPR<2:10062
10062,你的情绪越来越低落,尝试自杀。,没有成功。,,,,,,,1,,,,SPR<1:10000 10062,你的情绪越来越低落,尝试自杀。,没有成功。,,,,,,,1,,,,SPR<1:10000
10063,你的爷爷奶奶只想要男孩,把你活埋了。,,,,,,,,,(CHR<3)&(MNY<3)&(EVT?[10009]),"(EVT?[10063,10001])|(TLT?[1015])",,MNY<3:10000 10063,你的爷爷奶奶只想要男孩,把你活埋了。,,,,,,,,,(CHR<3)&(MNY<3)&(EVT?[10009]),"(EVT?[10063,10001])|(TLT?[1015])",,MNY<3:10000
10064,你被卖给了人贩子。人贩子运送路上你很虚弱。,,,,,,,,,(STR<3)&((MNY<3)&(EVT?[10009]),"(EVT?[10064,10001,10019])|(TLT?[1015])",,STR<3:10000 10064,你被卖给了人贩子。人贩子运送路上你很虚弱。,,,,,,,,,(STR<3)&(MNY<3)&(EVT?[10009]),"(EVT?[10064,10001,10019])|(TLT?[1015])",,STR<3:10000
10065,空气很新鲜,生活很健康。,,,,1,,,,,EVT?[10009],"EVT?[10065,10025]",, 10065,空气很新鲜,生活很健康。,,,,1,,,,,EVT?[10009],"EVT?[10065,10025]",,
10066,你的生活很自由,没有什么束缚。,,,,,,1,,,EVT?[10009],EVT?[10066],, 10066,你的生活很自由,没有什么束缚。,,,,,,1,,,EVT?[10009],EVT?[10066],,
10067,有一只鸟撞在了你家窗户上。,你把它养好后放了。,,,,,,,,EVT?[10009],EVT?[10067],,INT<6:10068 10067,有一只鸟撞在了你家窗户上。,你把它养好后放了。,,,,,,,,EVT?[10009],EVT?[10067],,INT<6:10068
1 $id event postEvent effect:CHR effect:INT effect:STR effect:MNY effect:SPR effect:LIF NoRandom include exclude branch[] branch[]
86 10069 平平淡淡,没有什么特别的事。
87 10070 可能是运气不佳,这年里有好多小事让你烦心。 -1 EVT?[10646,10655] (INT<6)&(SPR<2):10062
88 10071 比较顺风顺水,快乐的一年。 1
89 10072 有天打雷,劈断了你家门口一棵树。 EVT?[10009] EVT?[10072,10025]
90 10073 你意外挖到一个上了锁的盒子。 你打不开,只好扔了。 EVT?[10009] EVT?[10073,10025] INT>8:10074
91 10074 你想方设法打开了锁。 里面有大量珠宝。 2 2 1
92 10075 你的运动天赋好像不错。 STR>8 EVT?[10075] INT<3:20075

View File

@@ -3131,7 +3131,8 @@
"id": 10367, "id": 10367,
"event": "悟道。", "event": "悟道。",
"effect": { "effect": {
"INT": 2 "INT": 2,
"STR": 1
}, },
"include": "(EVT?[10365])&(INT>100)&(TLT?[1048])" "include": "(EVT?[10365])&(INT>100)&(TLT?[1048])"
}, },
@@ -4162,7 +4163,7 @@
"event": "偶遇筑基期散修。", "event": "偶遇筑基期散修。",
"postEvent": "他无视了你。", "postEvent": "他无视了你。",
"include": "TLT?[1048]", "include": "TLT?[1048]",
"exclude": "EVT?[10496]", "exclude": "EVT?[10496,20409]",
"branch": [ "branch": [
"CHR<5:10497" "CHR<5:10497"
] ]
@@ -10831,6 +10832,77 @@
"include": "EVT?[10011]", "include": "EVT?[10011]",
"exclude": "EVT?[11483]" "exclude": "EVT?[11483]"
}, },
"11484": {
"id": 11484,
"event": "人类发现宜居类地行星被命名为不吃香菜星27号。",
"exclude": "EVT?[11484]"
},
"11485": {
"id": 11485,
"event": "有科研组织宣称,人类有能力重塑大自然食物网,创造一个没有食肉动物的新生态平衡。大概需要一万年到一千万年。",
"exclude": "EVT?[11485]"
},
"11486": {
"id": 11486,
"event": "股市大涨大B股直冲一万点。",
"include": "EVT?[10010]",
"exclude": "EVT?[11486]"
},
"11487": {
"id": 11487,
"event": "人类首次3D打印月球。从此天上有了两个月亮。",
"exclude": "EVT?[11487]"
},
"11488": {
"id": 11488,
"event": "受气候影响,一只野猪撞死了一只帝王蟹。",
"include": "EVT?[10009]",
"exclude": "EVT?[11488]"
},
"11489": {
"id": 11489,
"event": "世界上首个没有婚姻的国家出现了。",
"exclude": "EVT?[11489]"
},
"11490": {
"id": 11490,
"event": "国内独立游戏工作室联盟制作的3A游戏大作斩获TAG年度游戏。",
"include": "EVT?[10010]",
"exclude": "EVT?[11490]"
},
"11491": {
"id": 11491,
"event": "国乒在对外星人的比赛中完胜对手,为星系外交做出巨大贡献。",
"include": "EVT?[10090,10700]",
"exclude": "EVT?[11491]"
},
"11492": {
"id": 11492,
"event": "你被无人驾驶车撞伤了,获得大量赔偿。",
"effect": {
"MNY": 2
},
"include": "EVT?[10010]",
"exclude": "EVT?[11492]"
},
"11493": {
"id": 11493,
"event": "马斯克宣布特斯拉进军颜色领域,用户授权后可以直接通过车内摄像头进行录制和发布。",
"include": "EVT?[10009]",
"exclude": "EVT?[11493]"
},
"11494": {
"id": 11494,
"event": "火星宣称即将登陆朝鲜。",
"include": "EVT?[10009]",
"exclude": "EVT?[11494]"
},
"11495": {
"id": 11495,
"event": "首个禁止迫害程序员法案生效。",
"include": "EVT?[10010]",
"exclude": "EVT?[11495]"
},
"20007": { "20007": {
"id": 20007, "id": 20007,
"event": "你喜欢看画面人设好看的动漫。", "event": "你喜欢看画面人设好看的动漫。",
@@ -11531,6 +11603,12 @@
"event": "被天价海鲜坑了不少钱。", "event": "被天价海鲜坑了不少钱。",
"NoRandom": 1 "NoRandom": 1
}, },
"20770": {
"id": 20770,
"event": "【绝密消息】虚拟世界人口已经突破千万。",
"include": "TLT?[1112]",
"exclude": "EVT?[20770]"
},
"20917": { "20917": {
"id": 20917, "id": 20917,
"event": "你总是赢。", "event": "你总是赢。",

Binary file not shown.

View File

@@ -838,5 +838,355 @@
"group": 1, "group": 1,
"name": "瓜皮", "name": "瓜皮",
"comment": "祝国内各位有梦想的独立游戏制作人一切顺利" "comment": "祝国内各位有梦想的独立游戏制作人一切顺利"
},
"167": {
"id": 167,
"group": 1,
"name": "可口可乐终身自费会员",
"comment": "不吃香菜,多麻多辣,谢谢"
},
"168": {
"id": 168,
"group": 1,
"name": "瑞塔蒂德",
"comment": "人活着就是为了小忍!!"
},
"169": {
"id": 169,
"group": 2,
"name": "大屁股裂"
},
"170": {
"id": 170,
"group": 2,
"name": "此事难知"
},
"171": {
"id": 171,
"group": 2,
"name": "PPCC"
},
"172": {
"id": 172,
"group": 2,
"name": "法国蓝"
},
"173": {
"id": 173,
"group": 2,
"name": "六一"
},
"174": {
"id": 174,
"group": 2,
"name": "弹剑而歌"
},
"175": {
"id": 175,
"group": 2,
"name": "八级大狂风"
},
"176": {
"id": 176,
"group": 2,
"name": "莫"
},
"177": {
"id": 177,
"group": 2,
"name": "阳"
},
"178": {
"id": 178,
"group": 2,
"name": "啊里巴巴"
},
"179": {
"id": 179,
"group": 2,
"name": "plp"
},
"180": {
"id": 180,
"group": 2,
"name": "3D智作工作室"
},
"181": {
"id": 181,
"group": 2,
"name": "陈睿柠檬什么时候熟啊"
},
"182": {
"id": 182,
"group": 2,
"name": "网络清纯少男"
},
"183": {
"id": 183,
"group": 2,
"name": "Aunotyal"
},
"184": {
"id": 184,
"group": 2,
"name": "毒萘"
},
"185": {
"id": 185,
"group": 2,
"name": "书山"
},
"186": {
"id": 186,
"group": 2,
"name": "莫璃yyds"
},
"187": {
"id": 187,
"group": 2,
"name": "霖与佳"
},
"188": {
"id": 188,
"group": 2,
"name": "活着到达梦想"
},
"189": {
"id": 189,
"group": 2,
"name": "乌君"
},
"190": {
"id": 190,
"group": 2,
"name": "邪恶的默默"
},
"191": {
"id": 191,
"group": 2,
"name": "悦"
},
"192": {
"id": 192,
"group": 2,
"name": "麝續"
},
"193": {
"id": 193,
"group": 2,
"name": "月崽今天好好睡觉了吗"
},
"194": {
"id": 194,
"group": 2,
"name": "卢本伟牛逼"
},
"195": {
"id": 195,
"group": 2,
"name": "三水"
},
"196": {
"id": 196,
"group": 2,
"name": "圣经上的子弹"
},
"197": {
"id": 197,
"group": 2,
"name": "finewk"
},
"198": {
"id": 198,
"group": 2,
"name": "MAMINO"
},
"199": {
"id": 199,
"group": 2,
"name": "大禹"
},
"200": {
"id": 200,
"group": 2,
"name": "PIMI想看子煜跳扇子舞"
},
"201": {
"id": 201,
"group": 2,
"name": "炁息"
},
"202": {
"id": 202,
"group": 2,
"name": "葡萄树"
},
"203": {
"id": 203,
"group": 2,
"name": "打外星人和僵尸"
},
"204": {
"id": 204,
"group": 2,
"name": "浮生如梦"
},
"205": {
"id": 205,
"group": 2,
"name": "槐序"
},
"206": {
"id": 206,
"group": 2,
"name": "颜苯Benzene"
},
"207": {
"id": 207,
"group": 2,
"name": "啊畅啊这是"
},
"208": {
"id": 208,
"group": 2,
"name": "Lyn"
},
"209": {
"id": 209,
"group": 2,
"name": "阿修"
},
"210": {
"id": 210,
"group": 2,
"name": "我欲成仙"
},
"211": {
"id": 211,
"group": 2,
"name": "苏巴提"
},
"212": {
"id": 212,
"group": 1,
"name": "层林字",
"comment": "“愿和憨憨的一生可以“白头偕老”最后可以在“睡梦中牵着手安祥的离开这个世界”!并在下辈子保留“白头偕老”这个特性!"
},
"213": {
"id": 213,
"group": 2,
"name": "卫星冰咖啡"
},
"214": {
"id": 214,
"group": 1,
"name": "万里追风踏月",
"comment": "游戏可以重开,人生再无重来。\r\n"
},
"215": {
"id": 215,
"group": 2,
"name": "憧憬"
},
"216": {
"id": 216,
"group": 2,
"name": "Mr.Paradox"
},
"217": {
"id": 217,
"group": 2,
"name": "月影十六夜"
},
"218": {
"id": 218,
"group": 2,
"name": "守护者威廉"
},
"219": {
"id": 219,
"group": 2,
"name": "爱因"
},
"220": {
"id": 220,
"group": 2,
"name": "没有橙子"
},
"221": {
"id": 221,
"group": 2,
"name": "冰凌君"
},
"222": {
"id": 222,
"group": 2,
"name": "无我"
},
"223": {
"id": 223,
"group": 2,
"name": "lxncyxf"
},
"224": {
"id": 224,
"group": 2,
"name": "发光的石头"
},
"225": {
"id": 225,
"group": 1,
"name": "祖传药丸收集者",
"comment": "兄弟二人可否考虑创业,我给你们拉投资"
},
"226": {
"id": 226,
"group": 2,
"name": "神龙不长眼"
},
"227": {
"id": 227,
"group": 2,
"name": "川菜"
},
"228": {
"id": 228,
"group": 2,
"name": "涟墨柒子虚"
},
"229": {
"id": 229,
"group": 2,
"name": "祥瑞御兔"
},
"230": {
"id": 230,
"group": 2,
"name": "那么可爱当然是男孩子"
},
"231": {
"id": 231,
"group": 2,
"name": "小破孩儿"
},
"232": {
"id": 232,
"group": 2,
"name": "封封.FFFBoX"
},
"233": {
"id": 233,
"group": 2,
"name": "手扶拖拉机没有未来?"
},
"234": {
"id": 234,
"group": 2,
"name": "希月"
},
"235": {
"id": 235,
"group": 2,
"name": "超级无敌暴龙战士"
} }
} }

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@@ -84,7 +84,7 @@ class App{
} else{ } else{
indexPage.find('#themeToggleBtn').text('白') indexPage.find('#themeToggleBtn').text('白')
} }
indexPage indexPage
.find("#themeToggleBtn") .find("#themeToggleBtn")
.click(() => { .click(() => {
@@ -110,7 +110,8 @@ class App{
<ul class="g1"></ul> <ul class="g1"></ul>
<ul class="g2"></ul> <ul class="g2"></ul>
</div> </div>
<button id="sponsor" onclick="window.open('https://afdian.net/@LifeRestart')">打赏作者</button> <button class="sponsor" onclick="window.open('https://afdian.net/@LifeRestart')" style="background: linear-gradient(90deg,#946ce6,#7e5fd9); left:auto; right:50%; transform: translate(-2rem,-50%);">打赏策划(爱发电)</button>
<button class="sponsor" onclick="window.open('https://dun.mianbaoduo.com/@vickscarlet')" style="background-color:#c69; left:50%; right:auto; transform: translate(2rem,-50%);">打赏程序(顿顿饭)</button>
</div> </div>
`); `);
@@ -122,9 +123,9 @@ class App{
const talentPage = $(` const talentPage = $(`
<div id="main"> <div id="main">
<div class="head" style="font-size: 1.6rem">天赋抽卡</div> <div class="head" style="font-size: 1.6rem">天赋抽卡</div>
<button id="random" class="mainbtn" style="top: 50%;">10连抽</button> <button id="random" class="mainbtn" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"">10连抽</button>
<ul id="talents" class="selectlist"></ul> <ul id="talents" class="selectlist"></ul>
<button id="next" class="mainbtn" style="top:auto; bottom:0.1em">请选择3个</button> <button id="next" class="mainbtn">请选择3个</button>
</div> </div>
`); `);
@@ -175,6 +176,7 @@ class App{
} }
}); });
}); });
talentPage.find('#next').show()
}); });
talentPage talentPage
@@ -184,6 +186,7 @@ class App{
this.hint('请选择3个天赋'); this.hint('请选择3个天赋');
return; return;
} }
talentPage.find('#next').hide()
this.#totalMax = 20 + this.#life.getTalentAllocationAddition(Array.from(this.#talentSelected).map(({id})=>id)); this.#totalMax = 20 + this.#life.getTalentAllocationAddition(Array.from(this.#talentSelected).map(({id})=>id));
this.switch('property'); this.switch('property');
}) })
@@ -193,13 +196,15 @@ class App{
const propertyPage = $(/*html*/` const propertyPage = $(/*html*/`
<div id="main"> <div id="main">
<div class="head" style="font-size: 1.6rem"> <div class="head" style="font-size: 1.6rem">
调整初始属性<br> <div>调整初始属性</div>
<div id="total" style="font-size:1rem; font-weight:normal;">可用属性点0</div> <div id="total" style="font-size:1rem; font-weight:normal;">可用属性点0</div>
</div> </div>
<ul id="propertyAllocation" class="propinitial"></ul> <ul id="propertyAllocation" class="propinitial"></ul>
<ul class="selectlist" id="talentSelectedView" style="top:calc(100% - 17rem); bottom:7rem"></ul> <ul class="selectlist" id="talentSelectedView"></ul>
<button id="random" class="mainbtn" style="top:auto; bottom:0.1rem; left:auto; right:50%; transform: translate(-2rem,-50%);">随机分配</button> <div class="btn-area">
<button id="start" class="mainbtn" style="top:auto; bottom:0.1rem; left:50%; right:auto; transform: translate(2rem,-50%);">开始新人生</button> <button id="random" class="mainbtn">随机分配</button>
<button id="start" class="mainbtn">开始新人生</button>
</div>
</div> </div>
`); `);
propertyPage.mounted = ()=>{ propertyPage.mounted = ()=>{
@@ -329,8 +334,10 @@ class App{
<div id="main"> <div id="main">
<ul id="lifeProperty" class="lifeProperty"></ul> <ul id="lifeProperty" class="lifeProperty"></ul>
<ul id="lifeTrajectory" class="lifeTrajectory"></ul> <ul id="lifeTrajectory" class="lifeTrajectory"></ul>
<button id="summary" class="mainbtn" style="top:auto; bottom:0.1rem; left:auto; right:50%; transform: translate(-2rem,-50%);">人生总结</button> <div class="btn-area">
<button id="domToImage" class="mainbtn" style="top:auto; bottom:0.1rem; left:50%; right:auto; transform: translate(2rem,-50%); display: none;">人生回放</button> <button id="summary" class="mainbtn">人生总结</button>
<button id="domToImage" class="mainbtn">人生回放</button>
</div>
<div class="domToImage2wx"> <div class="domToImage2wx">
<img src="" id="endImage" /> <img src="" id="endImage" />
</div> </div>
@@ -343,7 +350,7 @@ class App{
if(this.#isEnd) return; if(this.#isEnd) return;
const trajectory = this.#life.next(); const trajectory = this.#life.next();
const { age, content, isEnd } = trajectory; const { age, content, isEnd } = trajectory;
const li = $(`<li><span>${age}岁:</span>${ const li = $(`<li><span>${age}岁:</span><span>${
content.map( content.map(
({type, description, grade, name, postEvent}) => { ({type, description, grade, name, postEvent}) => {
switch(type) { switch(type) {
@@ -354,7 +361,7 @@ class App{
} }
} }
).join('<br>') ).join('<br>')
}</li>`); }</span></li>`);
li.appendTo('#lifeTrajectory'); li.appendTo('#lifeTrajectory');
$("#lifeTrajectory").scrollTop($("#lifeTrajectory")[0].scrollHeight); $("#lifeTrajectory").scrollTop($("#lifeTrajectory")[0].scrollHeight);
if(isEnd) { if(isEnd) {
@@ -367,11 +374,12 @@ class App{
// Update properties if not die yet // Update properties if not die yet
const property = this.#life.getLastRecord(); const property = this.#life.getLastRecord();
$("#lifeProperty").html(` $("#lifeProperty").html(`
<li>颜值:${property.CHR} </li> <li><span>颜值</span><span>${property.CHR}</span></li>
<li>智力:${property.INT} </li> <li><span>智力</span><span>${property.INT}</span</li>
<li>体质:${property.STR} </li> <li><span>体质</span><span>${property.STR}</span</li>
<li>家境:${property.MNY} </li> <li><span>家境</span><span>${property.MNY}</span</li>
<li>快乐:${property.SPR} </li>`); <li><span>快乐</span><span>${property.SPR}</span</li>
`);
} }
}); });
// html2canvas // html2canvas
@@ -404,19 +412,19 @@ class App{
const summaryPage = $(` const summaryPage = $(`
<div id="main"> <div id="main">
<div class="head">人生总结</div> <div class="head">人生总结</div>
<ul id="judge" class="judge" style="bottom: calc(35% + 2.5rem)"> <ul id="judge" class="judge">
<li class="grade2"><span>颜值:</span>9级 美若天仙</li> <li class="grade2"><span>颜值:</span><span>9级 美若天仙</span></li>
<li><span>智力:</span>4级 智力一般</li> <li class="grade0"><span>智力:</span><span>4级 智力一般</span></li>
<li><span>体质:</span>1级 极度虚弱</li> <li class="grade0"><span>体质:</span><span>1级 极度虚弱</span></li>
<li><span>家境:</span>6级 小康之家</li> <li class="grade0"><span>家境:</span><span>6级 小康之家</span></li>
<li><span>享年:</span>3岁 早夭</li> <li class="grade0"><span>享年:</span><span>3岁 早夭</span></li>
<li><span>快乐:</span>3级 不太幸福的人生</li> <li class="grade0"><span>快乐:</span><span></span>3级 不太幸福的人生</li>
</ul> </ul>
<div class="head" style="top:auto; bottom:35%">天赋,你可以选一个,下辈子还能抽到</div> <div class="head" style="height:auto;">天赋,你可以选一个,下辈子还能抽到</div>
<ul id="talents" class="selectlist" style="top:calc(65% + 0.5rem); bottom:8rem"> <ul id="talents" class="selectlist" style="flex: 0 1 auto;">
<li class="grade2b">黑幕(面试一定成功)</li> <li class="grade2b">黑幕(面试一定成功)</li>
</ul> </ul>
<button id="again" class="mainbtn" style="top:auto; bottom:0.1em"><span class="iconfont">&#xe6a7;</span>再次重开</button> <button id="again" class="mainbtn"><span class="iconfont">&#xe6a7;</span>再次重开</button>
</div> </div>
`); `);
@@ -574,33 +582,33 @@ class App{
judge.append([ judge.append([
(()=>{ (()=>{
const { judge, grade, value } = s('CHR', max); const { judge, grade, value } = s('CHR', max);
return `<li class="grade${grade}"><span>颜值:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>颜值:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const { judge, grade, value } = s('INT', max); const { judge, grade, value } = s('INT', max);
return `<li class="grade${grade}"><span>智力:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>智力:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const { judge, grade, value } = s('STR', max); const { judge, grade, value } = s('STR', max);
return `<li class="grade${grade}"><span>体质:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>体质:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const { judge, grade, value } = s('MNY', max); const { judge, grade, value } = s('MNY', max);
return `<li class="grade${grade}"><span>家境:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>家境:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const { judge, grade, value } = s('SPR', max); const { judge, grade, value } = s('SPR', max);
return `<li class="grade${grade}"><span>快乐:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>快乐:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const { judge, grade, value } = s('AGE', max); const { judge, grade, value } = s('AGE', max);
return `<li class="grade${grade}"><span>享年:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>享年:</span><span>${value} ${judge}</span></li>`
})(), })(),
(()=>{ (()=>{
const m = type=>max(records.map(({[type]: value})=>value)); const m = type=>max(records.map(({[type]: value})=>value));
const value = Math.floor(sum(m('CHR'), m('INT'), m('STR'), m('MNY'), m('SPR'))*2 + m('AGE')/2); const value = Math.floor(sum(m('CHR'), m('INT'), m('STR'), m('MNY'), m('SPR'))*2 + m('AGE')/2);
const { judge, grade } = summary('SUM', value); const { judge, grade } = summary('SUM', value);
return `<li class="grade${grade}"><span>总评:</span>${value} ${judge}</li>` return `<li class="grade${grade}"><span>总评:</span><span>${value} ${judge}</span></li>`
})(), })(),
].join('')); ].join(''));
} }

View File

@@ -37,108 +37,142 @@
@media (max-width:328px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}}
@font-face { @font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1628944689555') format('woff2'), src: url('iconfont.woff2?t=1628944689555') format('woff2'),
url('iconfont.woff?t=1628944689555') format('woff'), url('iconfont.woff?t=1628944689555') format('woff'),
url('iconfont.ttf?t=1628944689555') format('truetype'); url('iconfont.ttf?t=1628944689555') format('truetype');
}
* {
margin: 0;
padding: 0;
} }
html { html {
background-color: #222831; background-color: #222831;
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
} }
body { body {
user-select: none; user-select: none;
} }
#main { #main {
align-content: center; display: flex;
width: 100%; flex-direction: column;
height: 100%; width: 100%;
position: relative; max-width: 30rem;
height: 100%;
text-align: center;
box-sizing: border-box;
position: relative;
} }
#title { #title {
position: fixed; position: fixed;
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
top: 35%; top: 35%;
left: 50%; left: 50%;
white-space: nowrap; white-space: nowrap;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
text-align: center; color: #EEEEEE;
color: #EEEEEE; }
#restart {
position: fixed;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
}
#restart .iconfont {
margin-right: 0.5rem;
}
#next {
display: none;
}
#talentSelectedView {
flex: 0 1 auto;
} }
.mainbtn { .mainbtn {
position: fixed; margin: 0.5rem 1rem 1rem;
top: 65%; padding: 0.5rem 1.5rem;
left: 50%; background-color: #393E46;
padding: 0.5rem 1.5rem; border: 1px #EEEEEE solid;
border: 1px #EEEEEE solid; border-radius: 0.2rem;
border-radius: 0.2rem; color: #EEEEEE;
background-color:#393E46; font-size: 1.6rem;
font-size: 1.6rem; white-space: nowrap;
white-space: nowrap; cursor: pointer;
transform: translate(-50%,-50%);
cursor: pointer;
z-index:2;
color: #EEEEEE;
} }
.mainbtn:hover { .mainbtn:hover {
background: #ff7878; background: #ff7878;
color: #fff; color: #fff;
transition: all .4s ease 0s; transition: all .4s ease 0s;
}
.btn-area {
display: flex;
flex-direction: row;
}
.btn-area>.mainbtn {
flex: 1;
} }
.iconfont { .iconfont {
font-family: "iconfont" !important; display: inline-block;
font-style: normal; vertical-align: middle;
-webkit-font-smoothing: antialiased; font-family: "iconfont" !important;
-moz-osx-font-smoothing: grayscale; font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
#sponsor, .sponsor,
#specialthanks, #specialthanks,
#rank { #rank {
position: fixed; position: fixed;
top: 4rem; top: 4rem;
right: 1rem; right: 1rem;
padding: 0.1rem; padding: 0.1rem;
width: 6rem; width: 6rem;
border: none; border: none;
border-radius: 0.2rem; border-radius: 0.2rem;
background-color:lightsteelblue; background-color:lightsteelblue;
font-size: 1.4rem; font-size: 1.4rem;
color: #EEEEEE; color: #EEEEEE;
cursor: pointer; cursor: pointer;
z-index:2; z-index:2;
word-wrap: none; word-wrap: none;
} }
#specialthanks { #specialthanks {
background-color: #5865F2; background-color: #5865F2;
top: 1rem; top: 1rem;
} }
#sponsor { .sponsor {
top: auto; top: auto;
bottom: 0; bottom: 0;
right: 50%; width: auto;
transform: translate(50%, -50%); padding: 0.5rem;
} }
#spthx { #spthx {
position: fixed; position: fixed;
display: grid; display: grid;
top: 4rem; top: 4rem;
bottom: 5rem; bottom: 5rem;
left: 50%; left: 50%;
width: 30rem; width: 30rem;
max-width: calc(100% - 2rem); max-width: calc(100% - 2rem);
transform: translateX(-50%); transform: translateX(-50%);
} }
#spthx ul { #spthx ul {
@@ -186,247 +220,272 @@ body {
} }
#themeToggleBtn { #themeToggleBtn {
position: fixed; padding: 0 0.7rem;
right: 1rem; width: 6.5rem;
bottom: 1rem; background-color:#EEEEEE;
padding: 0.1rem 1rem; border: none;
border: none; border-radius: 4px;
border-radius: 0.2rem; font-size: 1.4rem;
background-color:#EEEEEE; color: #222831;
font-size: 1.4rem; line-height: 2.5rem;
color: #222831; text-align: center;
cursor: pointer; vertical-align: middle;
z-index:2; cursor: pointer;
position: fixed;
z-index:2;
right: 0.5rem;
bottom: 0.5rem;
} }
.head { .head {
position: fixed; display: flex;
font-size: 1.4rem; flex-direction: column;
top: 1.1rem; justify-content: center;
left: 50%; height: 5.2rem;
white-space: nowrap; font-size: 1.4rem;
transform: translateX(-50%); white-space: nowrap;
text-align: center; color: #EEEEEE;
color: #EEEEEE;
} }
.judge,
.lifeTrajectory,
.propinitial, .propinitial,
.selectlist { .selectlist {
position: fixed; list-style: none;
list-style-type: none; flex: 1;
left: 50%; padding: 1rem;
top: 5rem;
bottom: 8.5rem;
width: 30rem;
max-width: calc(100% - 2rem);
margin: auto;
padding: 0;
overflow: auto;
transform: translateX(-50%);
text-align: center;
}
.lifeProperty{
position: fixed;
list-style-type: none;
left: 50%;
top: 2rem;
width: 30rem;
max-width: calc(100% - 2rem);
padding: 0;
overflow: auto; overflow: auto;
transform: translateX(-50%); }
.lifeProperty {
list-style: none;
padding: 2rem 1rem 0.5rem 4rem;
display: flex; display: flex;
color: white; color: #FFFFFF;
overflow: auto;
} }
.lifeProperty > li { .lifeProperty>li {
width: 100%; flex: 1;
position: relative;
border: 1px #ccc solid;
display: inline-block;
margin: 0.1rem 2px; margin: 0.1rem 2px;
font-size: 1rem; display: flex;
text-align: center; flex-direction: column;
border: 1px #ccc solid;
border-radius: 0.2rem; border-radius: 0.2rem;
font-size: 1rem;
position: relative;
} }
.selectlist > li { .lifeProperty>li>span:last-child {
position: relative; background: #eee;
border: 1px #EEEEEE solid; color: #666;
display: inline-block; }
width: 95%;
margin: 0.1rem auto; .selectlist>li {
font-size: 1.4rem; margin-bottom: 0.6rem;
text-align: center; display: block;
border-radius: 0.2rem; border: 1px #EEEEEE solid;
cursor: pointer; border-radius: 0.2rem;
color: #EEEEEE; color: #EEEEEE;
user-select: none; font-size: 1.2rem;
line-height: 1.6;
user-select: none;
position: relative;
cursor: pointer;
}
.selectlist>li:last-child {
margin-bottom: 0;
} }
.grade0b { .grade0b {
background-color: #464646; background-color: #464646;
border: #f8f8f8 2px solid !important; border: #f8f8f8 2px solid !important;
} }
.grade1b { .grade1b {
background-color: #6495ed; background-color: #6495ed;
border: #f8f8f8 2px solid !important; border: #f8f8f8 2px solid !important;
} }
.grade2b { .grade2b {
background-color: #e2a7ff; background-color: #e2a7ff;
border: #f8f8f8 2px solid !important; border: #f8f8f8 2px solid !important;
} }
.grade3b { .grade3b {
background-color: #ffa07a; background-color: #ffa07a;
border: #f8f8f8 2px solid !important; border: #f8f8f8 2px solid !important;
} }
@media (min-width:1080px) { @media (min-width:1080px) {
.grade0b:hover { .grade0b:hover {
background-color: #c0c0c0; background-color: #c0c0c0;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade1b:hover {
background-color: #87cefa;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade2b:hover {
background-color: #e7beff;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade3b:hover {
background-color: #f7a989;
color: #3b3b3b;
transition: all .3s ease 0s;
}
}
.grade0b.selected {
background-color: #c0c0c0 !important;
box-shadow: #ccc 0px 0px 10px;
color: #3b3b3b; color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade1b:hover {
background-color: #87cefa;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade2b:hover {
background-color: #e7beff;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade3b:hover {
background-color: #f7a989;
color: #3b3b3b;
transition: all .3s ease 0s;
}
}
.grade0b.selected {
background-color: #c0c0c0 !important;
box-shadow: #ccc 0px 0px 10px;
color: #3b3b3b;
} }
.grade1b.selected { .grade1b.selected {
background-color: #87cefa !important; background-color: #87cefa !important;
box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px;
color: #3b3b3b; color: #3b3b3b;
} }
.grade2b.selected { .grade2b.selected {
background-color: #e7beff !important; background-color: #e7beff !important;
box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px;
color: #3b3b3b; color: #3b3b3b;
} }
.grade3b.selected { .grade3b.selected {
background-color: #f1bfac !important; background-color: #f1bfac !important;
box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px;
color: #3b3b3b; color: #3b3b3b;
}
.judge > li.grade1 span,
.judge > li.grade1{
background-color: #87cefa;
}
.judge > li.grade2 span,
.judge > li.grade2{
background-color: #e7beff;
}
.judge > li.grade3 span,
.judge > li.grade3{
background-color: #f7a989;
} }
.propinitial { .propinitial {
top: 5rem; display: flex;
bottom: 17rem; flex-direction: column;
justify-content: center;
} }
.propbtn:hover{ .propbtn:hover {
color: #5c5c5c; color: #5c5c5c;
transition: all .2s ease 0s; transition: all .2s ease 0s;
} }
.propinitial > li { .propinitial>li {
position: relative; position: relative;
display: inline-block; margin: 0.1rem auto;
width: 95%; padding: 0.2rem;
margin: 0.1rem auto; display: inline-block;
font-size: 1.4rem; border-radius: 0.2rem;
text-align: center; color: #EEEEEE;
border-radius: 0.2rem; font-size: 1.6rem;
padding: 0.2rem; line-height: 2;
color: #EEEEEE;
} }
.propinitial > li > input { .propinitial>li>input {
height: 2.2rem; height: 2.2rem;
width: 2.2rem; width: 2.2rem;
margin: 0 0.5rem; margin: 0 0.5rem;
padding: 0; padding: 0;
text-align: center; font-size: 2rem;
font-size: 2rem; border: 0.1rem #EEEEEE solid;
border: 0.1rem #EEEEEE solid; background-color: #393E46;
background-color: #393E46; color: #EEEEEE;
color: #EEEEEE; text-align: center;
} }
.propbtn { .propbtn {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
font-size: 2rem; font-size: 2rem;
color: #EEEEEE; color: #EEEEEE;
}
.judge>li>span:nth-child(1),
.lifeTrajectory>li>span:nth-child(1) {
width: 5rem;
text-align: right;
}
.judge>li>span:nth-child(2),
.lifeTrajectory>li>span:nth-child(2) {
flex: 1;
text-align: left;
} }
.lifeTrajectory { .lifeTrajectory {
border: 1px #9b9b9b solid; flex: 1;
background-color: #393E46; margin: 0.5rem 1rem;
border-radius: 10px; padding: 0;
border: 1px #9b9b9b solid;
background-color: #393E46;
border-radius: 4px;
overflow: auto;
} }
.judge > li, .lifeTrajectory>li {
.lifeTrajectory > li { margin: 10px 0;
position: relative; padding: 5px 10px;
width: calc(100% - 7rem); display: flex;
margin: 0.5rem 0; background-color: #4a5361;
padding: 0.5rem 1rem 0.5rem 6rem; box-shadow: #EEEEEE 0 0 0.4rem;
font-size: 1.4rem; color: #EEEEEE;
background-color: #4a5361; font-size: 1rem;
box-shadow: #EEEEEE 0 0 0.4rem; position: relative;
color: #EEEEEE;
} }
.judge > li > span,
.lifeTrajectory > li > span { .judge {
position: absolute; list-style: none;
left: 0; flex: 1;
width: 6rem; margin: 1rem;
text-align: right; display: flex;
flex-direction: column;
border: 1px solid #EEEEEE;
border-radius: 4px;
overflow: scroll;
} }
.judge > li { .judge>li {
box-shadow: #EEEEEE 0 0 0.4rem; flex: 1;
width: calc(100% - 9rem); display: flex;
margin: 0.5rem; align-items: center;
padding: 0.5rem 1rem 0.5rem 7rem; background-color: #4a5361;
border-radius: 10px; border-bottom: 1px solid #EEEEEE;
box-shadow: none;
color: #EEEEEE;
} }
.judge > li > span { .judge>li:last-child {
height: calc(100% - 1rem); border-bottom: 0
padding: 0.5rem 0; }
top: 0;
border-radius: 10px; .judge>li.grade1 span,
.judge>li.grade1 {
background-color: #87cefa;
color: #4a5361;
}
.judge>li.grade2 span,
.judge>li.grade2 {
background-color: #e7beff;
color: #4a5361;
}
.judge>li.grade3 span,
.judge>li.grade3 {
background-color: #f7a989;
color: #4a5361;
} }
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
:root { :root {
font-family: "Montserrat"; font-family: "Montserrat";
} }
@@ -463,12 +522,14 @@ i {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.banner .banner-message { .banner .banner-message {
flex: 1; flex: 1;
padding: 0 2rem; padding: 0 2rem;
word-break: break-word; word-break: break-word;
overflow: auto; overflow: auto;
} }
.banner .banner-close { .banner .banner-close {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -490,18 +551,23 @@ i {
.banner.success { .banner.success {
background: lightgreen; background: lightgreen;
} }
.banner.success::after { .banner.success::after {
background: lightgreen; background: lightgreen;
} }
.banner.error { .banner.error {
background: #ed1c24; background: #ed1c24;
} }
.banner.error::after { .banner.error::after {
background: #ed1c24; background: #ed1c24;
} }
.banner.info { .banner.info {
background: skyblue; background: skyblue;
} }
.banner.info::after { .banner.info::after {
background: skyblue; background: skyblue;
} }
@@ -534,13 +600,16 @@ i {
0% { 0% {
transform: translateY(-100%); transform: translateY(-100%);
} }
50% { 50% {
transform: translateY(10%); transform: translateY(10%);
} }
100% { 100% {
transform: translateY(0); transform: translateY(0);
} }
} }
.show-banner { .show-banner {
appearance: none; appearance: none;
background: #ededed; background: #ededed;
@@ -557,97 +626,139 @@ i {
* Copyright Akveo. All Rights Reserved. * Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information. * Licensed under the MIT License. See License.txt in the project root for license information.
*/ */
.eva-animation { .eva-animation {
animation-duration: 1s; animation-duration: 1s;
animation-fill-mode: both; } animation-fill-mode: both;
}
.eva-infinite { .eva-infinite {
animation-iteration-count: infinite; } animation-iteration-count: infinite;
}
.eva-icon-shake { .eva-icon-shake {
animation-name: eva-shake; } animation-name: eva-shake;
}
.eva-icon-zoom { .eva-icon-zoom {
animation-name: eva-zoomIn; } animation-name: eva-zoomIn;
}
.eva-icon-pulse { .eva-icon-pulse {
animation-name: eva-pulse; } animation-name: eva-pulse;
}
.eva-icon-flip { .eva-icon-flip {
animation-name: eva-flipInY; } animation-name: eva-flipInY;
}
.eva-hover { .eva-hover {
display: inline-block; } display: inline-block;
}
.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake { .eva-hover:hover .eva-icon-hover-shake,
animation-name: eva-shake; } .eva-parent-hover:hover .eva-icon-hover-shake {
animation-name: eva-shake;
}
.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom { .eva-hover:hover .eva-icon-hover-zoom,
animation-name: eva-zoomIn; } .eva-parent-hover:hover .eva-icon-hover-zoom {
animation-name: eva-zoomIn;
}
.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse { .eva-hover:hover .eva-icon-hover-pulse,
animation-name: eva-pulse; } .eva-parent-hover:hover .eva-icon-hover-pulse {
animation-name: eva-pulse;
}
.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip { .eva-hover:hover .eva-icon-hover-flip,
animation-name: eva-flipInY; } .eva-parent-hover:hover .eva-icon-hover-flip {
animation-name: eva-flipInY;
}
@keyframes eva-flipInY { @keyframes eva-flipInY {
from { from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in; animation-timing-function: ease-in;
opacity: 0; } opacity: 0;
40% { }
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
@keyframes eva-shake { 40% {
from, transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
to { animation-timing-function: ease-in;
transform: translate3d(0, 0, 0); } }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-3px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(3px, 0, 0); } }
@keyframes eva-pulse { 60% {
from { transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: scale3d(1, 1, 1); } opacity: 1;
50% { }
transform: scale3d(1.2, 1.2, 1.2); }
to {
transform: scale3d(1, 1, 1); } }
@keyframes eva-zoomIn { 80% {
from { transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
opacity: 1; }
transform: scale3d(0.5, 0.5, 0.5); }
50% { to {
opacity: 1; } } transform: perspective(400px);
}
}
@keyframes eva-shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-3px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(3px, 0, 0);
}
}
@keyframes eva-pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.2, 1.2, 1.2);
}
to {
transform: scale3d(1, 1, 1);
}
}
@keyframes eva-zoomIn {
from {
opacity: 1;
transform: scale3d(0.5, 0.5, 0.5);
}
50% {
opacity: 1;
}
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0 !important width: 0 !important
} }
.deleteFixed { .deleteFixed {
position: relative; margin: 0;
transform: translateX(0); padding: 0.5rem 1rem;
left: 0; border: 0;
top: 0; border-radius: 0;
text-align: left; overflow: visible;
} }
.operateBtn { .operateBtn {

View File

@@ -6,14 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="やり直すんだ。そして、次はうまくやる。"/> <meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
<meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/> <meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
<title>Life Restart</title>
<link id="themeLink" rel="stylesheet" href="light.css"> <link id="themeLink" rel="stylesheet" href="light.css">
<link rel="manifest" href="./manifest.json"> <link rel="manifest" href="./manifest.json">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.js" integrity="sha512-wUa0ktp10dgVVhWdRVfcUO4vHS0ryT42WOEcXjVVF2+2rcYBKTY7Yx7JCEzjWgPV+rj2EDUr8TwsoWF6IoIOPg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="../public/bundle.js"></script>
<title>Life Restart</title>
</head> </head>
<body style="margin: 0; height: 100%"> <body>
<div class="banners-container"> <div class="banners-container">
<div class="banners"> <div class="banners">
<div class="banner error"> <div class="banner error">
@@ -34,18 +31,22 @@
</div> </div>
</div> </div>
<a href="https://github.com/VickScarlet/lifeRestart" class="github-corner" style="z-index: 9999;" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style></a> <a href="https://github.com/VickScarlet/lifeRestart" class="github-corner" style="z-index: 9999;" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style></a>
</body>
<script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
if ('serviceWorker' in navigator) { <script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.js" integrity="sha512-wUa0ktp10dgVVhWdRVfcUO4vHS0ryT42WOEcXjVVF2+2rcYBKTY7Yx7JCEzjWgPV+rj2EDUr8TwsoWF6IoIOPg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="../public/bundle.js"></script>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () { window.addEventListener('load', function () {
navigator.serviceWorker.register('./sw.js', {scope: '.'}) navigator.serviceWorker.register('./sw.js', {scope: '.'})
.then(function (registration) { .then(function (registration) {
console.log('ServiceWorker registration successful'); console.log('ServiceWorker registration successful');
}) })
.catch(function (err) { .catch(function (err) {
console.log('ServiceWorker registration failed'); console.log('ServiceWorker registration failed');
}); });
}); });
} }
</script> </script>
</body>
</html> </html>

View File

@@ -37,105 +37,141 @@
@media (max-width:328px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}}
@font-face { @font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1628944689555') format('woff2'), src: url('iconfont.woff2?t=1628944689555') format('woff2'),
url('iconfont.woff?t=1628944689555') format('woff'), url('iconfont.woff?t=1628944689555') format('woff'),
url('iconfont.ttf?t=1628944689555') format('truetype'); url('iconfont.ttf?t=1628944689555') format('truetype');
}
* {
margin: 0;
padding: 0;
} }
html { html {
font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei'; font-family: PingFangSC, 'Noto Sans CJK SC', 'MS Yahei';
} }
body { body {
user-select: none; user-select: none;
} }
#main { #main {
align-content: center; display: flex;
width: 100%; flex-direction: column;
height: 100%; width: 100%;
position: relative; max-width: 30rem;
height: 100%;
text-align: center;
box-sizing: border-box;
position: relative;
} }
#title { #title {
position: fixed; position: fixed;
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
top: 35%; top: 35%;
left: 50%; left: 50%;
white-space: nowrap; white-space: nowrap;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
text-align: center; color: #000;
}
#restart {
position: fixed;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
}
#restart .iconfont {
margin-right: 0.5rem;
}
#next {
display: none;
}
#talentSelectedView {
flex: 0 1 auto;
} }
.mainbtn { .mainbtn {
position: fixed; margin: 0.5rem 1rem 1rem;
top: 65%; padding: 0.5rem 1.5rem;
left: 50%; background-color: #FFFFFF;
padding: 0.5rem 1.5rem; border: 1px #CCCCCC solid;
border: 1px #ccc solid; border-radius: 0.2rem;
border-radius: 0.2rem; color: #000000;
background-color:white; font-size: 1.6rem;
font-size: 1.6rem; white-space: nowrap;
white-space: nowrap; cursor: pointer;
transform: translate(-50%,-50%);
cursor: pointer;
z-index:2;
} }
.mainbtn:hover { .mainbtn:hover {
background: #ff7878; background: #ff7878;
color: #fff; color: #FFFFFF;
transition: all .4s ease 0s; transition: all .4s ease 0s;
}
.btn-area {
display: flex;
flex-direction: row;
}
.btn-area>.mainbtn {
flex: 1;
} }
.iconfont { .iconfont {
font-family: "iconfont" !important; display: inline-block;
font-style: normal; vertical-align: middle;
-webkit-font-smoothing: antialiased; font-family: "iconfont" !important;
-moz-osx-font-smoothing: grayscale; font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
#sponsor, .sponsor,
#specialthanks, #specialthanks,
#rank { #rank {
position: fixed; position: fixed;
top: 4rem; top: 4rem;
right: 1rem; right: 1rem;
padding: 0.1rem; padding: 0.1rem;
width: 6rem; width: 6rem;
border: none; border: none;
border-radius: 0.2rem; border-radius: 0.2rem;
background-color:lightsteelblue; background-color:lightsteelblue;
font-size: 1.4rem; font-size: 1.4rem;
color: #EEEEEE; color: #EEEEEE;
cursor: pointer; cursor: pointer;
z-index:2; z-index:2;
word-wrap: none; word-wrap: none;
} }
#specialthanks { #specialthanks {
background-color: #5865F2; background-color: #5865F2;
top: 1rem; top: 1rem;
} }
#sponsor { .sponsor {
top: auto; top: auto;
bottom: 0; bottom: 0;
right: 50%; width: auto;
transform: translate(50%, -50%); padding: 0.5rem;
} }
#spthx { #spthx {
position: fixed; position: fixed;
display: grid; display: grid;
top: 4rem; top: 4rem;
bottom: 5rem; bottom: 5rem;
left: 50%; left: 50%;
width: 30rem; width: 30rem;
max-width: calc(100% - 2rem); max-width: calc(100% - 2rem);
transform: translateX(-50%); transform: translateX(-50%);
} }
#spthx ul { #spthx ul {
@@ -172,6 +208,7 @@ body {
} }
#spthx ul.g2 { #spthx ul.g2 {
color: white;
display: grid; display: grid;
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
overflow: scroll; overflow: scroll;
@@ -182,243 +219,203 @@ body {
} }
#themeToggleBtn { #themeToggleBtn {
position: fixed; padding: 0 0.7rem;
right: 1rem; width: 6.5rem;
bottom: 1rem; background-color:#222831;
padding: 0.1rem 1rem; border: none;
border: none; border-radius: 4px;
border-radius: 0.2rem; font-size: 1.4rem;
background-color:#222831; color: #EEEEEE;
font-size: 1.4rem; line-height: 2.5rem;
color: #EEEEEE; text-align: center;
cursor: pointer; vertical-align: middle;
z-index:2; cursor: pointer;
position: fixed;
z-index:2;
right: 0.5rem;
bottom: 0.5rem;
} }
.head { .head {
position: fixed; display: flex;
font-size: 1.4rem; flex-direction: column;
top: 1.1rem; justify-content: center;
left: 50%; height: 5.2rem;
white-space: nowrap; font-size: 1.4rem;
transform: translateX(-50%); white-space: nowrap;
text-align: center; color: #000;
} }
.judge,
.lifeTrajectory,
.propinitial, .propinitial,
.selectlist { .selectlist {
position: fixed; list-style: none;
list-style-type: none; flex: 1;
left: 50%; padding: 1rem;
top: 5rem;
bottom: 8.5rem;
width: 30rem;
max-width: calc(100% - 2rem);
margin: auto;
padding: 0;
overflow: auto;
transform: translateX(-50%);
text-align: center;
}
.lifeProperty{
position: fixed;
list-style-type: none;
left: 50%;
top: 2rem;
width: 30rem;
max-width: calc(100% - 2rem);
padding: 0;
overflow: auto; overflow: auto;
transform: translateX(-50%); }
.lifeProperty {
list-style: none;
padding: 2rem 1rem 0.5rem 4rem;
display: flex; display: flex;
color: black; color: #FFFFFF;
overflow: auto;
} }
.lifeProperty > li { .lifeProperty>li {
width: 100%; flex: 1;
position: relative;
border: 1px #ccc solid;
display: inline-block;
margin: 0.1rem 2px; margin: 0.1rem 2px;
font-size: 1rem; display: flex;
text-align: center; flex-direction: column;
background-color: #393E46;
border: 1px #ccc solid;
border-radius: 0.2rem; border-radius: 0.2rem;
font-size: 1rem;
position: relative;
} }
.selectlist > li { .lifeProperty>li>span:last-child {
position: relative; background: #fff;
border: 1px #ccc solid; color: #000;
display: inline-block;
width: 95%;
margin: 0.1rem auto;
font-size: 1.4rem;
text-align: center;
border-radius: 0.2rem;
cursor: pointer;
} }
.grade0b { .selectlist>li {
background-color: #ededed; margin-bottom: 0.6rem;
border: #c5c5c5 2px solid !important; display: block;
border: 1px #EEEEEE solid;
border-radius: 0.2rem;
color: #666;
font-size: 1.2rem;
line-height: 1.6;
user-select: none;
position: relative;
cursor: pointer;
} }
.grade1b { .selectlist>li:last-child {
background-color: #7ea5ec; margin-bottom: 0;
border: #c5c5c5 2px solid !important;
}
.grade2b {
background-color: #e2a7ff;
border: #c5c5c5 2px solid !important;
}
.grade3b {
background-color: #ffa07a;
border: #c5c5c5 2px solid !important;
}
@media (min-width:1080px) {
.grade0b:hover {
background-color: #868686;
transition: all .3s ease 0s;
}
.grade1b:hover {
background-color: #5d90ff;
transition: all .3s ease 0s;
}
.grade2b:hover {
background-color: #bc72ec;
transition: all .3s ease 0s;
}
.grade3b:hover {
background-color: #e09074;
transition: all .3s ease 0s;
}
}
.grade0b.selected {
background-color: #444;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade1b.selected {
background-color: #407dec;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade2b.selected {
background-color: #b362e7;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade3b.selected {
background-color: #ff7f4d;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.judge > li.grade1 span,
.judge > li.grade1{
background-color: #7ea5ec;
}
.judge > li.grade2 span,
.judge > li.grade2{
background-color: #e2a7ff;
}
.judge > li.grade3 span,
.judge > li.grade3{
background-color: #ffa07a;
} }
.propinitial { .propinitial {
top: 5rem; display: flex;
bottom: 17rem; flex-direction: column;
justify-content: center;
} }
.propinitial > li { .propbtn:hover {
position: relative; color: #5c5c5c;
display: inline-block; transition: all .2s ease 0s;
width: 95%;
margin: 0.1rem auto;
font-size: 1.4rem;
text-align: center;
border-radius: 0.2rem;
padding: 0.2rem;
} }
.propinitial > li > input { .propinitial>li {
height: 2.2rem; position: relative;
width: 2.2rem; margin: 0.1rem auto;
margin: 0 0.5rem; padding: 0.2rem;
padding: 0; display: inline-block;
text-align: center; border-radius: 0.2rem;
font-size: 2rem; color: #000;
border: 0.1rem #ccc solid; font-size: 1.6rem;
line-height: 2;
}
.propinitial>li>input {
height: 2.2rem;
width: 2.2rem;
margin: 0 0.5rem;
padding: 0;
font-size: 2rem;
border: 0.1rem #000 solid;
background-color: #fff;
color: #000;
text-align: center;
} }
.propbtn { .propbtn {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
font-size: 2rem; font-size: 2rem;
user-select: none; color: #000;
} }
.propbtn:hover{ .judge>li>span:nth-child(1),
color: #5c5c5c; .lifeTrajectory>li>span:nth-child(1) {
transition: all .2s ease 0s; width: 5rem;
text-align: right;
}
.judge>li>span:nth-child(2),
.lifeTrajectory>li>span:nth-child(2) {
flex: 1;
text-align: left;
} }
.lifeTrajectory { .lifeTrajectory {
border: 1px #a7a7a7 solid; flex: 1;
border-radius: 10px; margin: 0.5rem 1rem;
background-color: #ffffff; padding: 0;
border: 1px #9b9b9b solid;
background-color: #393E46;
border-radius: 4px;
overflow: auto;
} }
.judge > li, .lifeTrajectory>li {
.lifeTrajectory > li { margin: 10px 0;
position: relative; padding: 5px 10px;
width: calc(100% - 7rem); display: flex;
margin: 0.5rem 0; background-color: #4a5361;
padding: 0.5rem 1rem 0.5rem 6rem; box-shadow: #EEEEEE 0 0 0.4rem;
font-size: 1.4rem; color: #EEEEEE;
background-color: #fff; font-size: 1rem;
box-shadow: #a7a7a7 0 0 0.4rem; position: relative;
user-select: none;
} }
.judge > li > span,
.lifeTrajectory > li > span { .judge {
position: absolute; list-style: none;
left: 0; flex: 1;
width: 6rem; margin: 1rem;
text-align: right; display: flex;
flex-direction: column;
border: 1px solid #EEEEEE;
border-radius: 4px;
overflow: scroll;
} }
.judge > li { .judge>li {
box-shadow: lightgray 0 0 0.4rem; flex: 1;
width: calc(100% - 9rem); display: flex;
margin: 0.5rem; align-items: center;
padding: 0.5rem 1rem 0.5rem 7rem; background-color: #4a5361;
border-radius: 10px; border-bottom: 1px solid #EEEEEE;
box-shadow: none;
color: #EEEEEE;
} }
.judge > li > span { .judge>li:last-child {
height: calc(100% - 1rem); border-bottom: 0
padding: 0.5rem 0; }
top: 0;
border-radius: 10px; .judge>li.grade1 span,
.judge>li.grade1 {
background-color: #87cefa;
color: #4a5361;
}
.judge>li.grade2 span,
.judge>li.grade2 {
background-color: #e7beff;
color: #4a5361;
}
.judge>li.grade3 span,
.judge>li.grade3 {
background-color: #f7a989;
color: #4a5361;
} }
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
:root { :root {
font-family: "Montserrat"; font-family: "Montserrat";
} }
@@ -455,12 +452,14 @@ i {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.banner .banner-message { .banner .banner-message {
flex: 1; flex: 1;
padding: 0 2rem; padding: 0 2rem;
word-break: break-word; word-break: break-word;
overflow: auto; overflow: auto;
} }
.banner .banner-close { .banner .banner-close {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -482,18 +481,23 @@ i {
.banner.success { .banner.success {
background: lightgreen; background: lightgreen;
} }
.banner.success::after { .banner.success::after {
background: lightgreen; background: lightgreen;
} }
.banner.error { .banner.error {
background: #ed1c24; background: #ed1c24;
} }
.banner.error::after { .banner.error::after {
background: #ed1c24; background: #ed1c24;
} }
.banner.info { .banner.info {
background: skyblue; background: skyblue;
} }
.banner.info::after { .banner.info::after {
background: skyblue; background: skyblue;
} }
@@ -522,17 +526,89 @@ i {
animation-iteration-count: 1; animation-iteration-count: 1;
} }
.grade0b {
background-color: #ededed;
border: #c5c5c5 2px solid !important;
}
.grade1b {
background-color: #7ea5ec;
border: #c5c5c5 2px solid !important;
}
.grade2b {
background-color: #e2a7ff;
border: #c5c5c5 2px solid !important;
}
.grade3b {
background-color: #ffa07a;
border: #c5c5c5 2px solid !important;
}
@media (min-width:1080px) {
.grade0b:hover {
background-color: #868686;
transition: all .3s ease 0s;
}
.grade1b:hover {
background-color: #5d90ff;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade2b:hover {
background-color: #bc72ec;
color: #3b3b3b;
transition: all .3s ease 0s;
}
.grade3b:hover {
background-color: #e09074;
color: #3b3b3b;
transition: all .3s ease 0s;
}
}
.grade0b.selected {
background-color: #444 !important;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade1b.selected {
background-color: #407dec !important;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade2b.selected {
background-color: #b362e7 !important;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
.grade3b.selected {
background-color: #ff7f4d !important;
box-shadow: #bbb 0px 0px 10px;
color: #fff;
}
@keyframes banner-in { @keyframes banner-in {
0% { 0% {
transform: translateY(-100%); transform: translateY(-100%);
} }
50% { 50% {
transform: translateY(10%); transform: translateY(10%);
} }
100% { 100% {
transform: translateY(0); transform: translateY(0);
} }
} }
.show-banner { .show-banner {
appearance: none; appearance: none;
background: #ededed; background: #ededed;
@@ -549,97 +625,139 @@ i {
* Copyright Akveo. All Rights Reserved. * Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information. * Licensed under the MIT License. See License.txt in the project root for license information.
*/ */
.eva-animation { .eva-animation {
animation-duration: 1s; animation-duration: 1s;
animation-fill-mode: both; } animation-fill-mode: both;
}
.eva-infinite { .eva-infinite {
animation-iteration-count: infinite; } animation-iteration-count: infinite;
}
.eva-icon-shake { .eva-icon-shake {
animation-name: eva-shake; } animation-name: eva-shake;
}
.eva-icon-zoom { .eva-icon-zoom {
animation-name: eva-zoomIn; } animation-name: eva-zoomIn;
}
.eva-icon-pulse { .eva-icon-pulse {
animation-name: eva-pulse; } animation-name: eva-pulse;
}
.eva-icon-flip { .eva-icon-flip {
animation-name: eva-flipInY; } animation-name: eva-flipInY;
}
.eva-hover { .eva-hover {
display: inline-block; } display: inline-block;
}
.eva-hover:hover .eva-icon-hover-shake, .eva-parent-hover:hover .eva-icon-hover-shake { .eva-hover:hover .eva-icon-hover-shake,
animation-name: eva-shake; } .eva-parent-hover:hover .eva-icon-hover-shake {
animation-name: eva-shake;
}
.eva-hover:hover .eva-icon-hover-zoom, .eva-parent-hover:hover .eva-icon-hover-zoom { .eva-hover:hover .eva-icon-hover-zoom,
animation-name: eva-zoomIn; } .eva-parent-hover:hover .eva-icon-hover-zoom {
animation-name: eva-zoomIn;
}
.eva-hover:hover .eva-icon-hover-pulse, .eva-parent-hover:hover .eva-icon-hover-pulse { .eva-hover:hover .eva-icon-hover-pulse,
animation-name: eva-pulse; } .eva-parent-hover:hover .eva-icon-hover-pulse {
animation-name: eva-pulse;
}
.eva-hover:hover .eva-icon-hover-flip, .eva-parent-hover:hover .eva-icon-hover-flip { .eva-hover:hover .eva-icon-hover-flip,
animation-name: eva-flipInY; } .eva-parent-hover:hover .eva-icon-hover-flip {
animation-name: eva-flipInY;
}
@keyframes eva-flipInY { @keyframes eva-flipInY {
from { from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in; animation-timing-function: ease-in;
opacity: 0; } opacity: 0;
40% { }
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
@keyframes eva-shake { 40% {
from, transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
to { animation-timing-function: ease-in;
transform: translate3d(0, 0, 0); } }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-3px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(3px, 0, 0); } }
@keyframes eva-pulse { 60% {
from { transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: scale3d(1, 1, 1); } opacity: 1;
50% { }
transform: scale3d(1.2, 1.2, 1.2); }
to {
transform: scale3d(1, 1, 1); } }
@keyframes eva-zoomIn { 80% {
from { transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
opacity: 1; }
transform: scale3d(0.5, 0.5, 0.5); }
50% { to {
opacity: 1; } } transform: perspective(400px);
}
}
@keyframes eva-shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-3px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(3px, 0, 0);
}
}
@keyframes eva-pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.2, 1.2, 1.2);
}
to {
transform: scale3d(1, 1, 1);
}
}
@keyframes eva-zoomIn {
from {
opacity: 1;
transform: scale3d(0.5, 0.5, 0.5);
}
50% {
opacity: 1;
}
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0 !important width: 0 !important
} }
.deleteFixed { .deleteFixed {
position: relative; margin: 0;
transform: translateX(0); padding: 0.5rem 1rem;
left: 0; border: 0;
top: 0; border-radius: 0;
text-align: left; overflow: visible;
} }
.operateBtn { .operateBtn {