优化圆角样式

This commit is contained in:
2024-05-25 12:09:54 +08:00
parent 1ccf94883a
commit c171873fa6
10 changed files with 158 additions and 17 deletions

View File

@ -0,0 +1,3 @@
name: CRT相关资源包
description: For Liteyuki CRT utils
version: 2024.4.26

View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CRT 线路图</title>
<link rel="stylesheet" href="./css/card.css">
<link rel="stylesheet" href="./css/fonts.css">
</head>
<body>
<div class="data-storage" id="data">{{ data | tojson }}</div>
<!---->
<template id="route-template">
<div class="info-box" id="route-info">
</div>
</template>
<script src="./js/card.js"></script>
<script src="./js/crt_route.js"></script>
</body>
</html>

View File

@ -0,0 +1,31 @@
// Copyright (c) 2024 SnowyKami Liteyuki Studio All Rights Reserved.
/**
* @type {{
* results: Array<{
* abstracts: string,
* createdDt: string,
* endStaName: string,
* startStaName: string,
* isValid: boolean,
* needTimeScope: number,
* needTransferTimes: number,
* price: number,
* skipGenerateSequence: boolean,
* transferLines: string,
* transferLinesColor: string,
* transferStaDerict: string,
* transferStaNames: string,
* }>
* }}
*/
const data = JSON.parse(document.getElementById("data").innerText);
const results = data["result"];
const solution_template = document.getElementById("route-template").innerText;

View File

@ -19,8 +19,8 @@ body {
}
.info-box {
border-radius: 50px;
padding: 30px;
border-radius: 60px;
padding: 40px;
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.5);
margin-bottom: 20px;