Skip to content

Commit e828814

Browse files
wangyajuhuaweidevcloud
wangyaju
and
huaweidevcloud
authored
chore(release): release 16.0.0 (#322)
Co-authored-by: huaweidevcloud <devcloudmobile@huawei.com>
1 parent 298274c commit e828814

File tree

278 files changed

+4646
-1940
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

278 files changed

+4646
-1940
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ To see more in [devui.design](https://devui.design/home).
2323

2424
## Angular Support
2525

26-
Now supports Angular <font color=red>`^15.0.0`</font>
26+
Now supports Angular <font color=red>`^16.0.0`</font>
2727

2828
## Getting Started
2929

‎README_zh_CN.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ DevUI Design设计系统包含了DevUI规则、设计语言和最佳实践的资
2323

2424
## Angular版本
2525

26-
当前支持的angular版本<font color=red>`^15.0.0`</font>
26+
当前支持的angular版本<font color=red>`^16.0.0`</font>
2727

2828
## 快速开始
2929

‎angular.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -207,6 +207,5 @@
207207
}
208208
}
209209
}
210-
},
211-
"defaultProject": "devui"
210+
}
212211
}

‎devui-commons/src/devui-commons.scss‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -234,6 +234,12 @@
234234
}
235235
}
236236

237+
@media (max-width: 767px) {
238+
.devui-content-layout {
239+
margin-top: 56px;
240+
}
241+
}
242+
237243
body[ui-lang='en-us'] {
238244
@media (max-width: 1480px) {
239245
d-common-header .devui-search {
@@ -242,6 +248,12 @@ body[ui-lang='en-us'] {
242248
}
243249
}
244250

251+
body[ui-theme='galaxy-theme'] {
252+
.header-container {
253+
background-image: linear-gradient(179deg, #141721 0%, #1A1E29 100%);
254+
}
255+
}
256+
245257
// 设置引导页MarkDown文档标题
246258
.readme {
247259
h1 {

‎devui-commons/src/header/header.component.html‎

Lines changed: 59 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,45 @@
1-
<div class="header-container">
1+
<div class="header-container" *ngIf="!showMobileHeader">
22
<div class="header-top-menu">
3-
<ng-content select="d-header-logo"></ng-content>
4-
<ng-content select="d-header-menu"></ng-content>
3+
<ng-container [ngTemplateOutlet]="logoTpl"></ng-container>
4+
<ng-container [ngTemplateOutlet]="menuTpl"></ng-container>
55
</div>
6+
<ng-container [ngTemplateOutlet]="headerBottomTpl"></ng-container>
7+
</div>
8+
9+
<div class="mobile-header-container" *ngIf="showMobileHeader">
10+
<div class="mobile-header-left">
11+
<div class="mobile-hamburger" (click)="toggleHamburger($event)">
12+
<ng-container [ngTemplateOutlet]="hamburgerTpl"></ng-container>
13+
</div>
14+
<ng-container [ngTemplateOutlet]="logoTpl"></ng-container>
15+
</div>
16+
<ng-container [ngTemplateOutlet]="expandTpl" *ngIf="!isHomePage"></ng-container>
17+
<div class="mobile-sider" [class.mobile-sider-show]="showHamburger">
18+
<ng-container [ngTemplateOutlet]="menuTpl"></ng-container>
19+
<div class="mobile-bottom-menu-hidden" [class.mobile-bottom-menu-show]="showHamburger">
20+
<ng-container [ngTemplateOutlet]="headerBottomTpl"></ng-container>
21+
</div>
22+
</div>
23+
</div>
24+
25+
<ng-template #menuTpl>
26+
<ng-content select="d-header-menu"></ng-content>
27+
</ng-template>
28+
29+
<ng-template #logoTpl>
30+
<ng-content select="d-header-logo"></ng-content>
31+
</ng-template>
32+
33+
<ng-template #hamburgerTpl>
34+
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
35+
<title>hamburger</title>
36+
<g id="hamburger" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
37+
<path d="M5,17 C6.1045695,17 7,17.8954305 7,19 C7,20.1045695 6.1045695,21 5,21 C3.8954305,21 3,20.1045695 3,19 C3,17.8954305 3.8954305,17 5,17 Z M12,17 C13.1045695,17 14,17.8954305 14,19 C14,20.1045695 13.1045695,21 12,21 C10.8954305,21 10,20.1045695 10,19 C10,17.8954305 10.8954305,17 12,17 Z M19,17 C20.1045695,17 21,17.8954305 21,19 C21,20.1045695 20.1045695,21 19,21 C17.8954305,21 17,20.1045695 17,19 C17,17.8954305 17.8954305,17 19,17 Z M5,10 C6.1045695,10 7,10.8954305 7,12 C7,13.1045695 6.1045695,14 5,14 C3.8954305,14 3,13.1045695 3,12 C3,10.8954305 3.8954305,10 5,10 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M19,10 C20.1045695,10 21,10.8954305 21,12 C21,13.1045695 20.1045695,14 19,14 C17.8954305,14 17,13.1045695 17,12 C17,10.8954305 17.8954305,10 19,10 Z M5,3 C6.1045695,3 7,3.8954305 7,5 C7,6.1045695 6.1045695,7 5,7 C3.8954305,7 3,6.1045695 3,5 C3,3.8954305 3.8954305,3 5,3 Z M12,3 C13.1045695,3 14,3.8954305 14,5 C14,6.1045695 13.1045695,7 12,7 C10.8954305,7 10,6.1045695 10,5 C10,3.8954305 10.8954305,3 12,3 Z M19,3 C20.1045695,3 21,3.8954305 21,5 C21,6.1045695 20.1045695,7 19,7 C17.8954305,7 17,6.1045695 17,5 C17,3.8954305 17.8954305,3 19,3 Z" id="形状结合" fill="#71757F"></path>
38+
</g>
39+
</svg>
40+
</ng-template>
41+
42+
<ng-template #headerBottomTpl>
643
<div class="header-bottom-menu">
744
<div class="menu-item">
845
<ng-content select="d-header-theme-switch"></ng-content>
@@ -11,7 +48,7 @@
1148
<ng-content select="d-header-language-switch"></ng-content>
1249
</div>
1350
<div class="menu-item">
14-
<a href="https://github.com/DevCloudFE/ng-devui" rel="noopener noreferrer" target="blank">
51+
<a [href]="githubLink" rel="noopener noreferrer" target="blank">
1552
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
1653
<path
1754
fill="#71757f"
@@ -20,23 +57,23 @@
2057
</svg>
2158
</a>
2259
</div>
23-
<div class="expand-sidebar" (click)="clickSlideMenu(true)" *ngIf="showExpandButton">
24-
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
25-
<title>收起</title>
26-
<g id="收起" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
27-
<path d="M9.4141965,1.48235598 C9.59170754,1.65979691 9.60784491,1.937463 9.4626086,2.13312669 L9.4141965,2.1891835 L3.71630048,7.88482928 C3.662061,7.93904734 3.65302108,8.02133773 3.68918074,8.08491324 L3.71630048,8.12043846 L9.4141965,13.8160842 C9.60945864,14.0112693 9.60945864,14.3277267 9.4141965,14.5229118 C9.23668545,14.7003527 8.95890967,14.7164837 8.76316867,14.5713047 L8.70708972,14.5229118 L3.0091937,8.82726598 C2.58038271,8.39862434 2.55515854,7.71932504 2.93352117,7.26119426 L3.0091937,7.17800175 L8.70708972,1.48235598 C8.90235186,1.28717094 9.21893435,1.28717094 9.4141965,1.48235598 Z M13.1867116,1.48235598 C13.3642226,1.65979691 13.38036,1.937463 13.2351237,2.13312669 L13.1867116,2.1891835 L7.48881554,7.88482928 C7.43457605,7.93904734 7.42553614,8.02133773 7.46169579,8.08491324 L7.48881554,8.12043846 L13.1867116,13.8160842 C13.3819737,14.0112693 13.3819737,14.3277267 13.1867116,14.5229118 C13.0092005,14.7003527 12.7314247,14.7164837 12.5356837,14.5713047 L12.4796048,14.5229118 L6.78170876,8.82726598 C6.35289777,8.39862434 6.32767359,7.71932504 6.70603623,7.26119426 L6.78170876,7.17800175 L12.4796048,1.48235598 C12.6748669,1.28717094 12.9914494,1.28717094 13.1867116,1.48235598 Z" id="形状结合" fill="#71757F" transform="translate(8.000322, 8.002634) rotate(-180.000000) translate(-8.000322, -8.002634) "></path>
28-
</g>
29-
</svg>
30-
</div>
31-
<div class="expand-sidebar" (click)="clickSlideMenu(false)" *ngIf="showCollapseButton">
32-
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
33-
<title>展开</title>
34-
<g id="展开" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
35-
<path d="M9.41355339,1.47708824 C9.59106443,1.65452918 9.6072018,1.93219527 9.46196549,2.12785896 L9.41355339,2.18391577 L3.71565738,7.87956154 C3.66141789,7.93377961 3.65237798,8.01607 3.68853763,8.0796455 L3.71565738,8.11517072 L9.41355339,13.8108165 C9.60881554,14.0060015 9.60881554,14.322459 9.41355339,14.517644 C9.23604235,14.695085 8.95826656,14.711216 8.76252556,14.566037 L8.70644661,14.517644 L3.0085506,8.82199825 C2.57973961,8.39335661 2.55451543,7.7140573 2.93287807,7.25592653 L3.0085506,7.17273402 L8.70644661,1.47708824 C8.90170876,1.28190321 9.21829124,1.28190321 9.41355339,1.47708824 Z M13.1860684,1.47708824 C13.3635795,1.65452918 13.3797169,1.93219527 13.2344805,2.12785896 L13.1860684,2.18391577 L7.48817243,7.87956154 C7.43393295,7.93377961 7.42489303,8.01607 7.46105269,8.0796455 L7.48817243,8.11517072 L13.1860684,13.8108165 C13.3813306,14.0060015 13.3813306,14.322459 13.1860684,14.517644 C13.0085574,14.695085 12.7307816,14.711216 12.5350406,14.566037 L12.4789617,14.517644 L6.78106565,8.82199825 C6.35225466,8.39335661 6.32703049,7.7140573 6.70539312,7.25592653 L6.78106565,7.17273402 L12.4789617,1.47708824 C12.6742238,1.28190321 12.9908063,1.28190321 13.1860684,1.47708824 Z" id="形状结合" fill="#71757F" transform="translate(7.999678, 7.997366) scale(-1, -1) rotate(-180.000000) translate(-7.999678, -7.997366) "></path>
36-
</g>
37-
</svg>
38-
</div>
60+
<ng-container [ngTemplateOutlet]="expandTpl" *ngIf="!showMobileHeader"></ng-container>
3961
</div>
62+
</ng-template>
4063

41-
42-
</div>
64+
<ng-template #expandTpl>
65+
<div class="expand-sidebar" (click)="clickSlideMenu(true)" *ngIf="showExpandButton">
66+
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
67+
<g id="收起" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
68+
<path d="M9.4141965,1.48235598 C9.59170754,1.65979691 9.60784491,1.937463 9.4626086,2.13312669 L9.4141965,2.1891835 L3.71630048,7.88482928 C3.662061,7.93904734 3.65302108,8.02133773 3.68918074,8.08491324 L3.71630048,8.12043846 L9.4141965,13.8160842 C9.60945864,14.0112693 9.60945864,14.3277267 9.4141965,14.5229118 C9.23668545,14.7003527 8.95890967,14.7164837 8.76316867,14.5713047 L8.70708972,14.5229118 L3.0091937,8.82726598 C2.58038271,8.39862434 2.55515854,7.71932504 2.93352117,7.26119426 L3.0091937,7.17800175 L8.70708972,1.48235598 C8.90235186,1.28717094 9.21893435,1.28717094 9.4141965,1.48235598 Z M13.1867116,1.48235598 C13.3642226,1.65979691 13.38036,1.937463 13.2351237,2.13312669 L13.1867116,2.1891835 L7.48881554,7.88482928 C7.43457605,7.93904734 7.42553614,8.02133773 7.46169579,8.08491324 L7.48881554,8.12043846 L13.1867116,13.8160842 C13.3819737,14.0112693 13.3819737,14.3277267 13.1867116,14.5229118 C13.0092005,14.7003527 12.7314247,14.7164837 12.5356837,14.5713047 L12.4796048,14.5229118 L6.78170876,8.82726598 C6.35289777,8.39862434 6.32767359,7.71932504 6.70603623,7.26119426 L6.78170876,7.17800175 L12.4796048,1.48235598 C12.6748669,1.28717094 12.9914494,1.28717094 13.1867116,1.48235598 Z" id="形状结合" fill="#71757F" transform="translate(8.000322, 8.002634) rotate(-180.000000) translate(-8.000322, -8.002634) "></path>
69+
</g>
70+
</svg>
71+
</div>
72+
<div class="expand-sidebar" (click)="clickSlideMenu(false)" *ngIf="showCollapseButton">
73+
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
74+
<g id="展开" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
75+
<path d="M9.41355339,1.47708824 C9.59106443,1.65452918 9.6072018,1.93219527 9.46196549,2.12785896 L9.41355339,2.18391577 L3.71565738,7.87956154 C3.66141789,7.93377961 3.65237798,8.01607 3.68853763,8.0796455 L3.71565738,8.11517072 L9.41355339,13.8108165 C9.60881554,14.0060015 9.60881554,14.322459 9.41355339,14.517644 C9.23604235,14.695085 8.95826656,14.711216 8.76252556,14.566037 L8.70644661,14.517644 L3.0085506,8.82199825 C2.57973961,8.39335661 2.55451543,7.7140573 2.93287807,7.25592653 L3.0085506,7.17273402 L8.70644661,1.47708824 C8.90170876,1.28190321 9.21829124,1.28190321 9.41355339,1.47708824 Z M13.1860684,1.47708824 C13.3635795,1.65452918 13.3797169,1.93219527 13.2344805,2.12785896 L13.1860684,2.18391577 L7.48817243,7.87956154 C7.43393295,7.93377961 7.42489303,8.01607 7.46105269,8.0796455 L7.48817243,8.11517072 L13.1860684,13.8108165 C13.3813306,14.0060015 13.3813306,14.322459 13.1860684,14.517644 C13.0085574,14.695085 12.7307816,14.711216 12.5350406,14.566037 L12.4789617,14.517644 L6.78106565,8.82199825 C6.35225466,8.39335661 6.32703049,7.7140573 6.70539312,7.25592653 L6.78106565,7.17273402 L12.4789617,1.47708824 C12.6742238,1.28190321 12.9908063,1.28190321 13.1860684,1.47708824 Z" id="形状结合" fill="#71757F" transform="translate(7.999678, 7.997366) scale(-1, -1) rotate(-180.000000) translate(-7.999678, -7.997366) "></path>
76+
</g>
77+
</svg>
78+
</div>
79+
</ng-template>

‎devui-commons/src/header/header.component.scss‎

Lines changed: 49 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,4 +79,52 @@
7979
stroke: none;
8080
}
8181
}
82-
}
82+
}
83+
84+
.mobile-header-container {
85+
display: flex;
86+
align-items: center;
87+
position: fixed;
88+
z-index: 1000;
89+
width: 100%;
90+
background-image: linear-gradient(179deg, #E9FBFF 0%, #F3F5FF 100%);
91+
.mobile-header-left {
92+
display: flex;
93+
align-items: center;
94+
}
95+
.mobile-hamburger {
96+
margin-left: 12px;
97+
}
98+
99+
.expand-sidebar {
100+
margin-top: 0 !important;
101+
margin-left: 12px;
102+
}
103+
}
104+
105+
.mobile-sider {
106+
display: flex;
107+
flex-direction: column;
108+
justify-content: space-between;
109+
position: fixed;
110+
top: 56px;
111+
left: 0;
112+
113+
height: calc(100vh - 56px);
114+
width: 0;
115+
background-color: $devui-base-bg;
116+
transition: all 0.3s;
117+
}
118+
119+
.mobile-sider-show {
120+
width: 242px !important;
121+
padding: 12px;
122+
}
123+
124+
.mobile-bottom-menu-hidden {
125+
display: none;
126+
}
127+
128+
.mobile-bottom-menu-show {
129+
display: block !important;
130+
}

‎devui-commons/src/header/header.component.ts‎

Lines changed: 29 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,10 @@
11
import { DOCUMENT } from '@angular/common';
2-
import { Component, ContentChildren, HostListener, Inject, Input, isDevMode, OnInit, QueryList } from '@angular/core';
2+
import { Component, ContentChildren, HostListener, Inject, Input, isDevMode, OnInit, QueryList, ChangeDetectorRef } from '@angular/core';
33
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
44
import { DevuiCommonsService } from '../devui-commons.service';
55
import { I18nUtil } from '../i18n/i18n.util';
66
import { LogoComponent } from './logo/logo.component';
77

8-
export interface UserInfo {
9-
displayNameCn: string;
10-
uid?:string;
11-
employeeNumber: string;
12-
iconUrl:string;
13-
docCount?:number;
14-
questionCount?:number;
15-
draftCount?:number;
16-
};
17-
188
@Component({
199
selector: 'd-common-header',
2010
templateUrl: './header.component.html',
@@ -30,6 +20,7 @@ export class HeaderComponent implements OnInit {
3020
@Input() repoName = 'ng-devui';
3121

3222
repoLink!: SafeResourceUrl;
23+
githubLink;
3324

3425
@ContentChildren(LogoComponent) subLogo: QueryList<LogoComponent> = new QueryList<LogoComponent>();
3526

@@ -42,6 +33,10 @@ export class HeaderComponent implements OnInit {
4233
MIN_WIDTH = 1279;
4334
showExpandButton = false;
4435
showCollapseButton = false;
36+
showHamburger = false;
37+
showMobileHeader = false;
38+
isHomePage = false;
39+
mediaQuery;
4540

4641

4742
@HostListener('window:resize')
@@ -55,6 +50,7 @@ export class HeaderComponent implements OnInit {
5550
constructor(
5651
private commonsService: DevuiCommonsService,
5752
private sanitizer: DomSanitizer,
53+
private cdr: ChangeDetectorRef,
5854
@Inject(DOCUMENT) private doc: any,
5955
) {
6056
this.document = this.doc;
@@ -68,6 +64,20 @@ export class HeaderComponent implements OnInit {
6864
this.showExpandButton = this.document.body.clientWidth < this.MIN_WIDTH ? true : false;
6965
this.setSlideBarStyle();
7066
this.repoLink = this.sanitizer.bypassSecurityTrustResourceUrl(`https://ghbtns.com/github-btn.html?user=DevCloudFE&repo=${this.repoName}&type=star&count=true`);
67+
this.githubLink = `https://github.com/DevCloudFE/${this.repoName}`;
68+
this.isHomePage = window.location.pathname.split('/')[1] === 'home' ? true : false;
69+
this.mediaQuery = window.matchMedia('(max-width: 767px)');
70+
this.mediaQuery.addListener(this.handleScreenChange);
71+
this.handleScreenChange(this.mediaQuery);
72+
}
73+
74+
handleScreenChange = (e) => {
75+
if (e.matches) {
76+
this.showMobileHeader = true;
77+
} else {
78+
this.showMobileHeader = false;
79+
}
80+
this.cdr.detectChanges();
7181
}
7282

7383
onSearch(term): void {
@@ -90,7 +100,8 @@ export class HeaderComponent implements OnInit {
90100
this.showCollapseButton = false;
91101
this.showExpandButton = true;
92102
}
93-
103+
this.cdr.detectChanges();
104+
94105
this.showSlideMenu = typeof showMenu === 'boolean' ? showMenu : !this.showSlideMenu;
95106
this.setSlideBarStyle(true);
96107
}
@@ -114,4 +125,9 @@ export class HeaderComponent implements OnInit {
114125
this.curLanguage = lang;
115126
this.searchPlaceholder = this.curLanguage === 'zh-cn' ? '请输入你想查找的组件' : 'Enter the component';
116127
}
117-
}
128+
129+
toggleHamburger(event) {
130+
this.showHamburger = !this.showHamburger;
131+
this.cdr.detectChanges();
132+
}
133+
}

‎devui-commons/src/header/language-switch/language-switch.component.html‎

Lines changed: 1 addition & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,5 @@
11
<div class="header-language-switch">
22
<ng-container *ngIf="languageArr.length === 2">
3-
<div (click)="changeLanguage()">
4-
<ng-container *ngIf="currentLang === 'zh-cn'">
5-
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="vertical-align: middle">
6-
<title>语言</title>
7-
<g id="DevUI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8-
<g id="切图" transform="translate(-296.000000, -24.000000)">
9-
<g id="03-Navigation-导航-/-01-导航菜单-/-基础控件-/-图标按钮" transform="translate(296.000000, 24.000000)">
10-
<g id="编组" transform="translate(0.000000, 0.000000)">
11-
<rect id="矩形" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
12-
<path d="M6,3 C6.55228475,3 7,3.44771525 7,4 C7,4.55228475 6.55228475,5 6,5 L2,4.99915713 L2,6.99915713 L6,7 C6.55228475,7 7,7.44771525 7,8 C7,8.55228475 6.55228475,9 6,9 L2,8.99915713 L2,10.9991571 L6,11 C6.55228475,11 7,11.4477153 7,12 C7,12.5522847 6.55228475,13 6,13 L1,13 C0.44771525,13 0,12.5522847 0,12 L0,4 C0,3.44771525 0.44771525,3 1,3 L6,3 Z M15,3 C15.5522847,3 16,3.44771525 16,4 L16,12 C16,12.5522847 15.5522847,13 15,13 C14.6449598,13 14.3331346,12.8149748 14.155688,12.5360882 L14.1055728,12.4472136 L10,6.974 L10,12 C10,12.5522847 9.55228475,13 9,13 C8.44771525,13 8,12.5522847 8,12 L8,4 C8,3.44771525 8.44771525,3 9,3 C9.3550402,3 9.66686545,3.18502518 9.84431203,3.46391182 L9.89442719,3.5527864 L14,9.027 L14,4 C14,3.44771525 14.4477153,3 15,3 Z" id="形状" fill="#71757F"></path>
13-
</g>
14-
</g>
15-
</g>
16-
</g>
17-
</svg>
18-
</ng-container>
19-
<ng-container *ngIf="currentLang === 'en-us'">
20-
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="vertical-align: middle">
21-
<title>中文</title>
22-
<g id="DevUI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
23-
<g id="切图" transform="translate(-360.000000, -24.000000)">
24-
<rect id="矩形" fill="#D8D8D8" opacity="0" x="360" y="24" width="16" height="16"></rect>
25-
<path d="M368,25 C368.552285,25 369,25.4477153 369,26 L369,28 L374,28 C374.552285,28 375,28.4477153 375,29 L375,35 C375,35.5522847 374.552285,36 374,36 L369,36 L369,38 C369,38.5522847 368.552285,39 368,39 C367.447715,39 367,38.5522847 367,38 L367,36 L362,36 C361.447715,36 361,35.5522847 361,35 L361,29 C361,28.4477153 361.447715,28 362,28 L367,28 L367,26 C367,25.4477153 367.447715,25 368,25 Z M367,30 L363,30 L363,34 L367,34 L367,30 Z M373,30 L369,30 L369,34 L373,34 L373,30 Z" id="形状" fill="#71757F"></path>
26-
</g>
27-
</g>
28-
</svg>
29-
</ng-container>
30-
</div>
3+
<span (click)="changeLanguage()">{{currentLang === 'zh-cn' ? languageArr[1] : languageArr[0]}}</span>
314
</ng-container>
325
</div>

0 commit comments

Comments
 (0)