AncTe/HumanBreak
1
0
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-01-18 20:09:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

bgm列表

Browse Source
This commit is contained in:
unanmed 2023-03-01 22:50:43 +08:00
parent 25ff6c6462
commit e65b6a57aa
14 changed files with 1624 additions and 1497 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

352
public/_server/table/functions.comment.js
View File

@ -6,182 +6,176 @@
*/
var functions_comment_c456ea59_6018_45ef_8bcc_211a24c627dc = {
_type: 'object',
_data: {
events: {
_type: 'object',
_data: {
resetGame: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '重置游戏'
},
win: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '游戏获胜'
},
lose: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '游戏失败'
},
changingFloor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '切换楼层中'
},
afterChangeFloor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '切换楼层后'
},
flyTo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '楼层飞行'
},
beforeBattle: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战前判定'
},
afterBattle: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战后脚本'
},
afterOpenDoor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '开门后脚本'
},
afterGetItem: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '道具后脚本'
},
afterPushBox: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '推箱子后'
}
}
},
enemys: {
_type: 'object',
_data: {
getSpecials: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '怪物特殊属性'
},
getEnemyInfo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '怪物真实属性'
},
getDamageInfo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战斗伤害信息'
}
}
},
actions: {
_type: 'object',
_data: {
onKeyUp: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '按键处理'
}
}
},
control: {
_type: 'object',
_data: {
saveData: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '存档操作'
},
loadData: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '读档操作'
},
getStatusLabel: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '状态名定义'
},
triggerDebuff: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '毒衰咒处理'
},
updateStatusBar: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '更新状态栏'
},
updateCheckBlock: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '阻激夹域伤害'
},
moveOneStep: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '每步后操作'
},
moveDirectly: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '瞬间移动'
},
parallelDo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '并行脚本'
}
}
},
ui: {
_type: 'object',
_data: {
drawStatistics: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '数据统计'
}
}
}
}
};
_type: 'object',
_data: {
events: {
_type: 'object',
_data: {
resetGame: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '重置游戏'
},
win: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '游戏获胜'
},
lose: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '游戏失败'
},
changingFloor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '切换楼层中'
},
afterChangeFloor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '切换楼层后'
},
flyTo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '楼层飞行'
},
beforeBattle: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战前判定'
},
afterBattle: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战后脚本'
},
afterOpenDoor: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '开门后脚本'
},
afterGetItem: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '道具后脚本'
},
afterPushBox: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '推箱子后'
}
}
},
enemys: {
_type: 'object',
_data: {
getSpecials: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '怪物特殊属性'
},
getEnemyInfo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '怪物真实属性'
},
getDamageInfo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '战斗伤害信息'
}
}
},
actions: {
_type: 'object',
_data: {
onKeyUp: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '按键处理'
}
}
},
control: {
_type: 'object',
_data: {
saveData: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '存档操作'
},
loadData: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '读档操作'
},
getStatusLabel: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '状态名定义'
},
updateStatusBar: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '更新状态栏'
},
updateCheckBlock: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '阻激夹域伤害'
},
moveOneStep: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '每步后操作'
},
moveDirectly: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '瞬间移动'
},
parallelDo: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '并行脚本'
}
}
},
ui: {
_type: 'object',
_data: {
drawStatistics: {
_leaf: true,
_type: 'textarea',
_lint: true,
_data: '数据统计'
}
}
}
}
};

4
public/project/floors/MT37.js
View File

@ -49,12 +49,12 @@ main.floors.MT37=
[147,381,492, 0,604,494,70015,613,586,586,586,614, 32, 0,604],
[147, 0,595, 0, 33, 0,609,482,609,376, 0, 33,595, 21,587],
[147,147,147, 33,587,587,587,590,70022,70023,274,584, 0,587,587],
[147,420,494, 28, 0, 0, 33, 0,492, 0,378,584, 32, 0, 94],
[147,390,494, 28, 0, 0, 33, 0,492, 0,378,584, 32, 0, 94],
[147, 33,147, 0,584,584,602,584,584,584,584,584,584,584,584],
[147,441,147,609, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[147, 22,608, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[147, 33,147, 0, 27, 0,381, 0,590, 0, 33,585,482,390,585],
[147,430,147, 0,147,147,147,147,147,147, 0,600,403,482,585],
[147,396,147, 0,147,147,147,147,147,147, 0,600,403,482,585],
[147,147,147,147,147,147,147,147,147,147,585,585,585,585,585]
],
"bgmap": [

20
public/project/floors/MT42.js
View File

@ -45,6 +45,20 @@ main.floors.MT42=
14,
2
]
},
"14,2": {
"floorId": "MT44",
"loc": [
0,
2
]
},
"14,13": {
"floorId": "MT44",
"loc": [
0,
13
]
}
},
"beforeBattle": {},
@ -104,15 +118,15 @@ main.floors.MT42=
[584,584,617,70022,70023,611,70022,70023, 0,600,492,376,482,378,586],
[584, 28, 34,584,608,482,608,584, 0, 33,587,587,587,614,586],
[584, 34,403,584,584, 85,584,584, 0,602, 0, 27,381, 0,586],
[584,584,584,584,466,484,467,584,602, 0,604,604,604,277,586],
[584,584,584,584,466,484,467,584,602, 0,604,604,604,643,586],
[584, 0, 0,584,584,468,585,585, 0, 28,604,378,604,468,586],
[ 0, 0, 0,584,584,497,585,585, 0, 0,600,403,494, 0, 94],
[ 0, 0, 0,584,584, 93,585,585, 93,584,584,584,584,584,584]
],
"bgmap": [
[70073,70073,70073,70073,70073,70073,70073,70073,70073,70073,70073,70073,70073,70097,70073],
[70049,70049, 0,70049,70073,70073,70073,70097,70073,70073,70073,70073,70073,70073,70073],
[ 0, 0, 0, 0,70058,70105,70081,70081,70081,70081,70105,70049,70049,70049,70049],
[70049,70049, 0,70049,70073,70073,70073,70097,70073, 0,70073,70073,70073,70073,70073],
[ 0, 0, 0, 0,70058,70105,70081,70081,70081, 0,70105,70049,70049,70049,70049],
[ 0, 0, 0, 0,70058, 0, 0, 0, 0, 0,70056, 0, 0, 0, 0],
[70065,70065,70065,70065,70066, 0, 0, 0, 0, 0,70056, 0, 0, 0, 0],
[70073,70073,70073,70073,70074, 0, 0, 0, 0, 0,70064,70083,70084,70065,70065],

26
public/project/floors/MT43.js
View File

@ -49,19 +49,19 @@ main.floors.MT43=
"cannotMoveIn": {},
"map": [
[70031,70031,70031, 0, 0,70029,70029,70029,70029,70029,70029, 0, 0, 0, 0],
[ 0, 0, 0, 0,617, 0,586,586,586, 0, 0, 0,611, 0,604],
[ 0,492,585,585,585,610, 0, 0,274, 0, 0,604,604,595, 94],
[70031, 0,585, 0,585, 0, 0, 0, 0,588,588,592, 0, 0,604],
[70031, 0,595, 0,610, 0, 0, 0, 0,588, 0, 0,588,584,584],
[70031,600,584,584,584,608, 0, 0, 0,617, 0,588,588, 0, 0],
[ 0, 0, 0, 0,584, 0, 0, 0,584,584,584,584,584, 0, 0],
[ 0,586,586,614,584, 0, 0, 0, 0, 0, 0, 0, 0, 0, 94],
[70030, 0, 0, 0,584, 0,602,584, 0, 0, 0, 0, 0, 34,584],
[70030,584,584,584,584,584, 0,584,584, 0,608, 0,614, 0,584],
[70030, 0, 0, 0, 0, 0, 0, 0, 0, 0,584,584,584, 0,584],
[70030, 0, 0, 0, 0, 0,643,604,604,602, 0, 0, 0,600,584],
[584,584,584,584,584,584, 0, 0,604, 0,584,584,584,584,584],
[ 0, 0, 0, 0, 0,584, 0, 0,604, 0, 0, 0, 0, 0, 0],
[ 0, 0,378, 0,617, 33,586,586,586, 27, 0, 0,611, 32,604],
[ 0,492,585,585,585,610, 0, 0,274, 0,381,604,604,595, 94],
[70031, 0,585,403,585, 0, 21, 0,602,588,492,592, 0, 32,604],
[70031, 32,595,378,610,376, 0, 31, 0,588,376, 33,588,584,584],
[70031,600,584,584,584,608, 0, 0, 32,617, 21,378,588, 0, 0],
[ 0, 34,381, 27,584,390, 29, 0,584,584,584,584,584, 0, 0],
[ 0,586,586,614,584,441, 0, 0, 0, 0, 0, 0, 0, 0, 94],
[70030,378, 34,381,494,396,602,584, 0, 0, 0, 0, 0, 34,584],
[70030,584,584,584,584,584, 0,584,584, 0,608,403,614, 0,584],
[70030, 0, 0, 0, 0, 0,484,376,403,378,584,584,584, 0,584],
[70030, 0, 0, 0, 0, 0,643,604,604,494,602,376, 0,600,584],
[584,584,584,584,584,584,390, 0,604, 32,584,584,584,584,584],
[ 0, 0, 0, 0, 0,584, 33,403,492, 32, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0,604,604, 93,604,604, 0, 0, 0, 0, 0]
],
"bgmap": [

80
public/project/floors/MT44.js
View File

@ -17,7 +17,29 @@ main.floors.MT44=
"eachArrive": [],
"parallelDo": "",
"events": {},
"changeFloor": {},
"changeFloor": {
"0,13": {
"floorId": "MT42",
"loc": [
14,
13
]
},
"0,2": {
"floorId": "MT42",
"loc": [
14,
2
]
},
"7,14": {
"floorId": "snowTown",
"loc": [
7,
0
]
}
},
"beforeBattle": {},
"afterBattle": {},
"afterGetItem": {},
@ -27,11 +49,45 @@ main.floors.MT44=
"cannotMoveIn": {},
"map": [
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0,617, 0, 0, 0,600, 0, 0],
[ 92, 0,584,584,584, 0,543, 0, 0,604,604,604, 0, 0, 0],
[584, 0,584, 0, 0, 0, 0, 0, 0, 0,492, 0, 0, 0, 0],
[584, 0,643, 0, 0, 0, 0,595, 0,602,604,610,70176,70177,70177],
[584,584,584,584,584, 0,584,584,494, 0, 0, 0,608, 0, 94],
[ 0, 0, 0, 0, 0,613, 0, 0,584,614,584,584,70208,70209,70209],
[586, 0, 0, 0, 0,588, 0, 0,584, 0, 0,584,584, 0, 0],
[586, 0,588,588,588,588,602,584,584,584, 0,584,584, 0, 0],
[586, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[586,586,586, 0,587,587, 0, 0, 0, 0, 0,585,585, 0, 0],
[586, 0, 0, 0, 0,587, 0,617,585,585,492, 33, 33, 0, 0],
[586, 0,586, 0,587,587,587, 0,584,584,584,584,584, 0, 0],
[ 92, 0,586, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[584,584,584,584,584,584,584, 93, 0, 0, 0, 0, 0, 0, 0]
],
"bgmap": [
[70073,70073,70073,70073,70073,70073,70073,70074,70067,70067,70067,70067,70067,70067,70067],
[70073,70073,70073,70073,70073,70073,70126,70074,70067,70049,70049,70049,70067,70067,70067],
[70049,70049,70049,70049,70081,70081,70134,70082,70056, 0, 0, 0,70058,70067,70067],
[ 0, 0, 0, 0,70058, 0, 0, 0,70056, 0, 0, 0,70058,70067,70067],
[ 0, 0, 0, 0,70058,70049,70049,70049,70051, 0, 0, 0,70058,70067,70067],
[70065,70065,70065,70065,70066, 0, 0, 0, 0, 0, 0, 0, 0,70067,70067],
[70081,70081,70081,70081,70082, 0, 0, 0, 0, 0, 0, 0,70058,70067,70067],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,70058,70067,70067],
[ 0, 0, 0, 0, 0, 0,70060,70065,70065,70065,70116,70065,70066,70067,70067],
[ 0, 0, 0, 0, 0, 0,70058,70081,70081,70081,70124,70081,70082,70067,70067],
[ 0, 0, 0, 0, 0, 0,70058, 0, 0, 0,70132, 0,70058,70067,70067],
[ 0, 0, 0, 0, 0, 0,70058, 0, 0, 0, 0, 0,70058,70067,70067],
[ 0, 0, 0, 0, 0, 0,70058,70060,70065,70065,70065,70065,70066,70067,70067],
[ 0, 0, 0, 0, 0, 0,70058,70058,70070,70070,70070,70070,70071,70067,70067],
[70065,70065,70065,70065,70065,70065,70066,70058,70078,70078,70078,70078,70079,70067,70067]
],
"fgmap": [
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,70200,70201,70201],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
@ -41,15 +97,23 @@ main.floors.MT44=
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
],
"bgmap": [
],
"fgmap": [
],
"bg2map": [
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0,70048, 0, 0, 0,70050, 0, 0],
[ 0, 0, 0, 0,70050, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,70184,70185,70185],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,70192,70193,70193],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
],
"fg2map": [

7
public/project/floors/snowTown.js
View File

@ -116,6 +116,13 @@ main.floors.snowTown=
7,
13
]
},
"7,0": {
"floorId": "MT44",
"loc": [
7,
14
]
}
},
"beforeBattle": {},

2524
public/project/items.js
View File

File diff suppressed because it is too large Load Diff

2
public/project/plugin/hero.js
View File

@ -10,7 +10,7 @@
* @param {FloorIds} floorId
*/
function getHeroStatusOn(name, x, y, floorId) {
return this.getRealStatusOf(core.status.hero, name, x, y, floorId);
return getRealStatusOf(core.status.hero, name, x, y, floorId);
}
function getHeroStatusOf(status, name, x, y, floorId) {

1
script/compress.ts
View File

@ -39,6 +39,7 @@ import { exec } from 'child_process';
})
);
await fse.remove('./dist/maps/');
// 编辑器需要留着吗？
} catch {}
// 2. 压缩字体

9
src/data/bgm.json Normal file
View File

@ -0,0 +1,9 @@
[
{
"area": "标题",
"name": "川井宪次 - 破裂足音",
"from": "《永远的七日之都》",
"img": "/project/images/bg.jpg",
"desc": []
}
]

8
src/plugin/uiController.ts
View File

@ -11,6 +11,7 @@ import Fly from '../ui/fly.vue';
import FixedDetail from '../ui/fixedDetail.vue';
import Shop from '../ui/shop.vue';
import Achievement from '../ui/achievement.vue';
import Bgm from '../ui/bgmList.vue';
export const bookOpened = ref(false);
export const toolOpened = ref(false);
@ -26,6 +27,7 @@ export const fixedDetailOpened = ref(false);
export const shopOpened = ref(false);
export const startOpened = ref(false);
export const achievementOpened = ref(false);
export const bgmOpened = ref(false);
export const transition = ref(true);
export const noClosePanel = ref(false);
@ -54,7 +56,8 @@ const UI_LIST: [Ref<boolean>, Component][] = [
[flyOpened, Fly],
[fixedDetailOpened, FixedDetail],
[shopOpened, Shop],
[achievementOpened, Achievement]
[achievementOpened, Achievement],
[bgmOpened, Bgm]
];
/** ui栈 */
@ -96,7 +99,8 @@ export default function init() {
startOpened,
startAnimationEnded,
loaded,
achievementOpened
achievementOpened,
bgmOpened
};
}

3
src/types/plugin.d.ts vendored
View File

@ -237,6 +237,9 @@ interface PluginUis {
/** 成就界面是否打开 */
readonly achievementOpened: Ref<boolean>;
/** bgm界面是否打开 */
readonly bgmOpened: Ref<boolean>;
/** ui栈 */
readonly uiStack: Ref<any[]>;

81
src/ui/bgmList.vue Normal file
View File

@ -0,0 +1,81 @@
<template>
<Colomn @close="exit" :width="60" :height="80" :left="30" :right="70"
><template #left>
<div id="bgm-list">
<span
v-for="(bgm, i) of list"
class="selectable"
:selected="selected === i"
@click="selected = i"
>
{{ bgm.area }}
</span>
</div></template
>
<template #right
><div>
<div id="bgm-name">
<img id="bgm-image" :src="list[selected].img" />
<span>{{ name }}</span>
<span v-if="list[selected].from"
>出自&nbsp;&nbsp;&nbsp;&nbsp;{{
list[selected].from
}}</span
>
</div>
<span v-html="content"></span></div></template
></Colomn>
</template>
<script lang="ts" setup>
import { computed, onMounted, ref } from 'vue';
import Colomn from '../components/colomn.vue';
import bgm from '../data/bgm.json';
import { splitText } from '../plugin/utils';
interface Bgm {
img: string;
area: string;
name: string;
desc: string[];
from?: string;
}
const list = bgm as Bgm[];
const selected = ref(0);
const content = computed(() => {
return eval('`' + splitText(list[selected.value].desc) + '`');
});
const name = computed(() => list[selected.value].name);
function exit() {
core.plugin.bgmOpened.value = false;
}
</script>
<style lang="less" scoped>
#bgm-list {
display: flex;
flex-direction: column;
}
#bgm-name {
display: flex;
flex-direction: column;
align-items: center;
}
#bgm-image {
margin-top: 5%;
border: 1px solid #fff;
width: 33vw;
}
@media screen and (max-width: 600px) {
#bgm-image {
width: 70vw;
}
}
</style>

4
src/ui/desc.vue
View File

@ -46,10 +46,6 @@ function show(condition: string) {
</script>
<style lang="less" scoped>
#desc-left {
flex-basis: 30%;
}
#desc-list {
display: flex;
flex-direction: column;