12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>i18n 词典可视化查看器</title>
- <link
- href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAkTocAAAAAANnb3gD///8AAAD/ABY1YQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAERUAAAAAARERVQAAAAAAERFVAAAAAAAREVUAMzMxABERVQAzMzEAERFVADMQAAAREVUAMxAAABERVQAzEAAAERFVADMQAAAREVUAMxAAABERVQAzEAAAERFVADMQAAAREVUAAAAAABERVSREIiIhERFVBEQAAAERERUEBAAAARHgBwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAMAAMADAADAAwAAwAcAAMAHAADgBwAA"
- rel="icon"
- type="image/x-icon"
- />
- <style>
- .flex-row {
- display: flex;
- align-items: center;
- }
- .list-group-item {
- display: flex !important;
- justify-content: space-between;
- align-items: center;
- }
- .glyphicon-move {
- cursor: move;
- cursor: -webkit-grabbing;
- }
- .key-value {
- margin-right: 10px;
- }
- .key-text {
- color: rgba(54, 54, 54, 0.884);
- }
- .value-text {
- color: rgb(0, 0, 0);
- font-size: 16px;
- font-weight: 600;
- }
- .copy-code {
- width: 50px;
- justify-self: flex-end;
- }
- .key-value-container {
- padding: 5px 10px !important;
- }
- .key-value-container:hover {
- background-color: #f5f5f5;
- }
- .heading-container {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 10px;
- }
- .json-column {
- width: 90%;
- }
- </style>
- </head>
- <body>
- <!-- Latest compiled and minified CSS -->
- <link
- rel="stylesheet"
- href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"
- />
- <div class="flex-row">
- <button
- type="button"
- class="btn btn-default btn-info"
- onclick="access_assets()"
- style="margin: 10px"
- >
- 点我并选择i18n项目内assets文件夹
- </button>
- <h5>Code 按钮可直接复制代码,查找请用 "Ctrl" + "F"</h5>
- </div>
- <div
- id="translate_list"
- style="
- margin: 10px;
- display: flex;
- justify-content: space-evenly;
- flex-direction: row-reverse;
- "
- ></div>
- </body>
- <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
- <script src="./script.js"></script>
- </html>
|