Add files via upload

Author: HCenggel

src/app/pages/index/data.ts

@@ -0,0 +1,259 @@
+export const LIST: any[] = [
+    [
+        ['ᠠ', 'A'],
+        ['ᠡ', 'E'],
+        ['ᠢ', 'I'],
+        ['ᠤ', 'O'],
+        ['ᠣ', 'Q'],
+        ['ᠥ', 'U'],
+        ['ᠦ', 'W'],
+    ],
+    [
+        ['ᠨᠠ', 'N'],
+        ['ᠨᠡ', ''],
+        ['ᠨᠢ', ''],
+        ['ᠨᠣ', ''],
+        ['ᠨᠣ', ''],
+        ['ᠨᠥ', ''],
+        ['ᠨᠦ', ''],
+    ],
+    [
+        ['ᠪᠡ', 'B'],
+        ['ᠪᠡ', ''],
+        ['ᠪᠢ', ''],
+        ['ᠪᠣ', ''],
+        ['ᠪᠣ', ''],
+        ['ᠪᠥ', ''],
+        ['ᠪᠦ', ''],
+    ],
+    [
+        ['ᠫᠠ', 'P'],
+        ['ᠫᠡ', ''],
+        ['ᠫᠢ', ''],
+        ['ᠫᠣ', ''],
+        ['ᠫᠣ', ''],
+        ['ᠫᠥ', ''],
+        ['ᠫᠦ', ''],
+    ],
+    [
+        ['ᠬᠠ', 'H'],
+        ['ᠫᠡ', ''],
+        ['ᠫᠢ', ''],
+        ['ᠫᠣ', ''],
+        ['ᠫᠣ', ''],
+        ['ᠫᠥ', ''],
+        ['ᠫᠦ', ''],
+    ],
+    [
+        ['ᠭᠠ', 'G'],
+        ['ᠭᠡ', ''],
+        ['ᠭᠢ', ''],
+        ['ᠭᠣ', ''],
+        ['ᠭᠣ', ''],
+        ['ᠭᠥ', ''],
+        ['ᠭᠦ', ''],
+    ],
+    [
+        ['ᠮᠠ', 'M'],
+        ['ᠮᠡ', ''],
+        ['ᠮᠢ', ''],
+        ['ᠮᠣ', ''],
+        ['ᠮᠣ', ''],
+        ['ᠮᠥ', ''],
+        ['ᠮᠦ', ''],
+    ],
+    [
+        ['ᠯᠠ', 'L'],
+        ['ᠯᠡ', ''],
+        ['ᠯᠢ', ''],
+        ['ᠯᠣ', ''],
+        ['ᠯᠣ', ''],
+        ['ᠯᠥ', ''],
+        ['ᠯᠦ', ''],
+    ],
+    [
+        ['ᠰᠠ', 'S'],
+        ['ᠰᠡ', ''],
+        ['ᠰᠢ', ''],
+        ['ᠰᠣ', ''],
+        ['ᠰᠣ', ''],
+        ['ᠰᠥ', ''],
+        ['ᠰᠦ', ''],
+    ],
+    [
+        ['ᠱᠠ', 'X'],
+        ['ᠱᠡ', ''],
+        ['ᠱᠢ', ''],
+        ['ᠱᠣ', ''],
+        ['ᠱᠣ', ''],
+        ['ᠱᠥ', ''],
+        ['ᠱᠦ', ''],
+    ],
+    [
+        ['ᠲᠠ', 'T'],
+        ['ᠲᠡ', ''],
+        ['ᠲᠢ', ''],
+        ['ᠲᠣ', ''],
+        ['ᠲᠣ', ''],
+        ['ᠲᠥ', ''],
+        ['ᠲᠦ', ''],
+    ],
+    [
+        ['ᠳᠠ', 'D'],
+        ['ᠳᠡ', ''],
+        ['ᠳᠢ', ''],
+        ['ᠳᠣ', ''],
+        ['ᠳᠣ', ''],
+        ['ᠳᠥ', ''],
+        ['ᠳᠦ', ''],
+    ],
+    [
+        ['ᠴᠠ', 'C'],
+        ['ᠴᠡ', ''],
+        ['ᠴᠢ', ''],
+        ['ᠴᠣ', ''],
+        ['ᠴᠣ', ''],
+        ['ᠴᠥ', ''],
+        ['ᠴᠦ', ''],
+    ],
+    [
+        ['ᠵᠠ', 'J'],
+        ['ᠵᠡ', ''],
+        ['ᠵᠢ', ''],
+        ['ᠵᠣ', ''],
+        ['ᠵᠣ', ''],
+        ['ᠵᠥ', ''],
+        ['ᠵᠦ', ''],
+    ],
+    [
+        ['ᠶᠠ', 'Y'],
+        ['ᠶᠡ', ''],
+        ['ᠶᠢ', ''],
+        ['ᠶᠣ', ''],
+        ['ᠶᠣ', ''],
+        ['ᠶᠥ', ''],
+        ['ᠶᠦ', ''],
+    ],
+    [
+        ['ᠷᠠ', 'R'],
+        ['ᠷᠡ', ''],
+        ['ᠷᠢ', ''],
+        ['ᠷᠣ', ''],
+        ['ᠷᠣ', ''],
+        ['ᠷᠥ', ''],
+        ['ᠷᠦ', ''],
+    ],
+    [
+        ['ᠼᠠ', 'CH'],
+        ['ᠼᠡ', ''],
+        ['ᠼᠢ', ''],
+        ['ᠼᠣ', ''],
+        ['ᠼᠣ', ''],
+        ['ᠼᠥ', ''],
+        ['ᠼᠦ', ''],
+    ],
+    [
+        ['ᠽᠠ', 'ZH'],
+        ['ᠽᠡ', ''],
+        ['ᠽᠢ', ''],
+        ['ᠽᠣ', ''],
+        ['ᠽᠣ', ''],
+        ['ᠽᠥ', ''],
+        ['ᠽᠦ', ''],
+    ],
+    [
+        ['ᠿᠠ', 'RH'],
+        ['ᠿᠡ', ''],
+        ['ᠿᠢ', ''],
+        ['ᠿᠣ', ''],
+        ['ᠿᠣ', ''],
+        ['ᠿᠥ', ''],
+        ['ᠿᠦ', ''],
+    ],
+    [
+        ['ᠸᠠ', 'WH'],
+        ['ᠸᠡ', ''],
+        ['ᠸᠢ', ''],
+        ['ᠸᠣ', ''],
+        ['ᠸᠣ', ''],
+        ['ᠸᠥ', ''],
+        ['ᠸᠦ', ''],
+    ],
+    [
+        ['ᠹᠠ', 'F'],
+        ['ᠹᠡ', ''],
+        ['ᠹᠢ', ''],
+        ['ᠹᠣ', ''],
+        ['ᠹᠣ', ''],
+        ['ᠹᠥ', ''],
+        ['ᠹᠦ', ''],
+    ],
+    [
+        ['ᠾᠠ', 'HH'],
+        ['ᠾᠡ', ''],
+        ['ᠾᠢ', ''],
+        ['ᠾᠣ', ''],
+        ['ᠾᠣ', ''],
+        ['ᠾᠥ', ''],
+        ['ᠾᠦ', ''],
+    ],
+    [
+        ['ᠺᠠ', 'K'],
+        ['ᠺᠡ', ''],
+        ['ᠺᠢ', ''],
+        ['ᠺᠣ', ''],
+        ['ᠺᠣ', ''],
+        ['ᠺᠥ', ''],
+        ['ᠺᠦ', ''],
+    ],
+    [
+        ['ᡀᠠ', 'LH'],
+        ['ᡀᠡ', ''],
+        ['ᡀᠢ', ''],
+        ['ᡀᠣ', ''],
+        ['ᡀᠣ', ''],
+        ['ᡀᠥ', ''],
+        ['ᡀᠦ', ''],
+    ],
+    // 借词
+    [
+        ['', ''],
+        ['ᡁᠢ', 'zhi'],
+        ['ᡂᠢ', 'chi'],
+        ['ᠱᠢ', 'shi'],
+        ['ᠡᠯ', 'er'],
+        ['ᠰᠧ', 'si'],
+        ['', ''],
+    ]
+]
+export const LIST2: any[] = [
+    [' ᠶᠢᠨ', 'in'],
+    [' ᠤᠨ', 'on'],
+    [' ᠤ', 'nu'],
+    ['', ''],
+    [' ᠶᠢ', 'ye'],
+    [' ᠢ', 'i'],
+    ['', ''],
+    [' ᠳᠦ', 'dw'],
+    [' ᠲᠤ', 'tu'],
+    ['', ''],
+    [' ᠪᠠᠷ', 'ber'],
+    [' ᠢᠶᠠᠷ', 'eyer'],
+    ['', ''],
+    [' ᠢᠶᠠᠨ', 'iyen'],
+    [' ᠪᠠᠨ', 'ban'],
+    ['', ''],
+    [' ᠳᠡᠬᠡᠨ', 'degen'],
+    [' ᠲᠡᠬᠡᠨ', 'tegen'],
+    [' ᠳᠠᠭᠠᠨ', 'dagan'],
+    [' ᠲᠠᠭᠠᠨ', 'tagan'],
+    ['', ''],
+    [' ᠨᠦᠭᠥᠳ', 'nwgud'],
+    [' ᠨᠤᠭᠤᠳ', 'nqgqd'],
+    [' ᠤᠳ', 'qd'],
+    ['', ''],
+    [' ᠳᠠᠬᠢ', 'dahi'],
+    [' ᠲᠠᠬᠢ', 'tahi'],
+    ['', ''],
+    [' ᠡᠴᠡ', 'ece'],
+]

src/app/pages/index/index.component.html

@@ -1,3 +1,30 @@
+<main style="padding: 20px;">
+    <ul class="list2">
+        @for (item of list; track item) {
+            <li>
+                @for (citem of item; track citem) {
+                    <div class="list2_item">
+                        <div class="mg2">{{ citem[0] }}</div>
+                        <div>{{ citem[1] }}</div>
+                    </div>
+                }
+            </li>
+        }
+    </ul>
+    <div style="height: 20px;"></div>
+    <ul class="list2">
+        @for (item of list2; track item) {
+            <li>
+                <div class="list2_item">
+                    <div class="mg2">{{ item[0] }}</div>
+                    <div>{{ item[1] }}</div>
+                </div>
+            </li>
+        }
+    </ul>
+</main>
+
+<!--
 <ul class="list">
     <li *ngFor="let item of egesig">
         <div class="mg" style="font-size: 40px;">{{ item[0] }}</div>
@@ -25,3 +52,4 @@
         </div>
     </div>
 </main>
+-->

src/app/pages/index/index.component.scss

@@ -1,10 +1,25 @@
-.list { display: flex; /*flex-wrap: wrap;*/
-    li { float: left; border: 1px solid #999;
-        div { text-align: center; height: 50px; border-bottom: 1px solid #999;}
-    }
+@font-face {
+    font-family: 'monggol';
+    src: url('../../../assets/font/mfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 }
-#fontMain { display: flex;
-    > div { width: 50%; box-sizing: border-box; padding: 20px;
-        textarea { display: block; width: 100%; height: 600px;}
+* { padding: 0; margin: 0; font-style: normal;}
+ul { list-style-type: none;}
+
+.list2 { display: flex;
+    li { text-align: center; flex: 1;
+        .list2_item { padding: 5px 0; border: 1px solid #999;
+            > div { height: 20px; line-height: 20px;}
+        }
+        .mg2 { margin: 0 auto; font-size: 30px; height: 60px !important; line-height: 60px !important;
+            font-family: 'monggol';
+            -webkit-writing-mode: vertical-lr;
+            -webkit-text-orientation: sideways-right;
+            writing-mode: tb-lr;
+            -ms-writing-mode: vertical-lr;
+            text-orientation: sideways-right;
+            font-family: 'monggol';
+        }
     }
 }

src/app/pages/index/index.component.ts

@@ -2,6 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {egesig} from "../../enums/letter";
 import {FormsModule} from "@angular/forms";
+import {LIST, LIST2} from "./data";
 
 @Component({
     selector: 'app-index',
@@ -14,37 +15,10 @@ export class IndexComponent implements OnInit {
     constructor() {
     }
 
-    public egesig: Array<[string, string]> = egesig;
-    public latinToMonggol: any = {};
-    public valueLatin = 'minw saihan monggol oron';
-    public valueMonggol = '';
-
     ngOnInit(): void {
-        this.egesig.forEach((res: [string, string]): void => {
-            this.latinToMonggol[res[1]] = res[0];
-        })
-        console.log(this.latinToMonggol)
-    }
 
-    valueLatinChange(): void {
-        // const newMGStr: any = this.valueLatin.replace(/(zqi|cqi|sqi|eqr|eqr) /gi, '$1, ');
-        const letterArry: any = this.valueLatin.split('');
-        let mgWord: string = '';
-        letterArry.forEach((v: string): void => {
-            console.log(v.toUpperCase())
-            if (this.latinToMonggol[v.toUpperCase()]) {
-                mgWord += this.latinToMonggol[v.toUpperCase()];
-            } else {
-                mgWord += v;
-            }
-        })
-        this.valueMonggol = mgWord;
-        console.log(letterArry);
-        console.log(mgWord)
     }
-}
 
-/*
-请使用js实现如下要求，
-有一段文字，kjaah shfd gjlqkd hadt hfzqijhg kdfjh skjshdfh，所有'sqi '的后面都插入一个逗号，
-* */
+    public list: any[] = LIST;
+    public list2: any[] = LIST2;
+}