\r\n
","import { Component, Input} from '@angular/core';\r\n@Component({\r\n selector: 'nr-button',\r\n templateUrl: './nuoruo-button.component.html',\r\n styleUrls: ['./nuoruo-button.component.scss'],\r\n providers: []\r\n})\r\nexport class NuoruoButtonComponent {\r\n /** 是否在加载中 */\r\n @Input('loading') loading: boolean = false\r\n /** 是否禁用 */\r\n @Input('disabled') disabled: boolean = false\r\n /** 是否是选择中状态 */\r\n @Input('active') active: boolean = false\r\n /** 设置默认的宽度 */\r\n @Input('w') w = ''\r\n /** 设置默认的宽度 */\r\n @Input('width') width = ''\r\n /** 设置默认的宽度 */\r\n @Input() h = ''\r\n // 是否显示外框线\r\n @Input('noBorder') noBorder: boolean = false\r\n // 是否显示背景\r\n @Input('noBg') noBg: boolean = false\r\n // 标题\r\n @Input('title') title: string = ''\r\n // 标题\r\n @Input('minWidth') minWidth: string = ''\r\n @Input('maxWidth') maxWidth: string = ''\r\n // 是否显示外框线\r\n @Input() group: boolean = false\r\n /** 是否圆角 \r\n * reaius 四个角都是圆角\r\n * left 左边的两个角是圆角\r\n * right 右边的两个角是圆角\r\n * none 非圆角\r\n */\r\n @Input() radius: 'radius' | 'left' | 'right' | 'none' = 'radius'\r\n // 标题\r\n @Input() color: string = ''\r\n _width: string = ''\r\n ngOnInit() {\r\n this._width = this.width ? this.width : this.w + 'px'\r\n }\r\n}\r\n ","\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
","import {\r\n ApplicationRef,\r\n ComponentFactoryResolver,\r\n Injectable,\r\n Injector,\r\n} from '@angular/core';\r\nimport { MessageI } from '../o/nuoruo-alert.i';\r\nimport { NuoruoAlertComponent } from '../nuoruo-alert.component';\r\n\r\n@Injectable()\r\nexport class NuoruoAlertService {\r\n popupElement : any\r\n popup : any\r\n popupComponentRef : any\r\n constructor(\r\n private injector: Injector,\r\n private applicationRef: ApplicationRef,\r\n private componentFactoryResolver: ComponentFactoryResolver\r\n ) {\r\n }\r\n\r\n // Previous dynamic-loading method required you to set up infrastructure\r\n // before adding the popup to the DOM.\r\n private showAsComponent(message: any) {\r\n if (!this.popup) {\r\n // Create element\r\n this.popup = document.createElement('popup-component');\r\n // Create the component and wire it up with the element\r\n const factory = this.componentFactoryResolver.resolveComponentFactory(\r\n NuoruoAlertComponent\r\n );\r\n this.popupComponentRef = factory.create(this.injector, [], this.popup);\r\n console.log('这是element showAsComponent');\r\n console.log(message);\r\n // Attach to the view so that the change detector knows to run\r\n this.applicationRef.attachView(this.popupComponentRef.hostView);\r\n\r\n // Listen to the close event\r\n this.popupComponentRef.instance.closed.subscribe(() => {\r\n document.body.removeChild(this.popup);\r\n this.applicationRef.detachView(this.popupComponentRef.hostView);\r\n this.popup = null\r\n });\r\n\r\n // Set the message\r\n this.popupComponentRef.instance.message = message;\r\n\r\n // Add to the DOM\r\n document.body.appendChild(this.popup);\r\n } else {\r\n this.popupComponentRef.instance.message = message;\r\n }\r\n }\r\n\r\n show(message: MessageI) {\r\n this.showAsComponent(message)\r\n }\r\n}\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n HostBinding,\r\n Input,\r\n OnDestroy,\r\n Output,\r\n} from '@angular/core';\r\nimport {\r\n animate,\r\n state,\r\n style,\r\n transition,\r\n trigger,\r\n} from '@angular/animations';\r\n\r\n@Component({\r\n selector: 'nr-message',\r\n templateUrl: './nuoruo-message.component.html',\r\n styleUrls: ['./nuoruo-message.component.scss'],\r\n animations: [\r\n trigger('state', [\r\n state('opened', style({ transform: 'translateY(0%)', opacity: 1 })),\r\n state(\r\n 'void, closed',\r\n style({ transform: 'translateY(100%)', opacity: 0 })\r\n ),\r\n transition('* => *', animate('200ms ease-in')),\r\n ]),\r\n ],\r\n})\r\nexport class NuoruoMessageComponent implements AfterViewInit, OnDestroy {\r\n @Output() closed = new EventEmitter{{messageSave.title}}
\r\n{{messageSave.message}}
\r\n\r\n
\r\n 确定 取消 \r\n
\r\n\r\n
\r\n \r\n
","import { AfterViewInit, ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\r\n@Component({\r\n selector: 'nr-icon',\r\n templateUrl: './nuoruo-icon.component.html',\r\n styleUrls: ['./nuoruo-icon.component.scss'],\r\n providers: []\r\n})\r\nexport class NuoruoIconComponent implements AfterViewInit {\r\n @Input () icon: string = ''\r\n @Input () w: string | number = 24\r\n @Input () h: string | number = 28\r\n @Input () x?: string | number = 0\r\n @Input () y?: string | number = 0\r\n \r\n \r\n /** 指定宽高，必须是正方形，暂不支持其他形式的loading */\r\n constructor(private cdr: ChangeDetectorRef) {\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n ngAfterViewInit(): void {\r\n }\r\n ngOnInit(): void {\r\n }\r\n nextTick() {\r\n this.cdr.markForCheck();\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","\r\n","import { AfterViewInit, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, OnChanges, OnInit, Output, QueryList, SimpleChanges, ViewChild, ViewChildren, forwardRef } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NuoruoTabComponent } from './tab/nuoruo-tab.component';\r\nimport { MayiwenArray } from '../../../util/array/mayiwen-array';\r\n@Component({\r\n selector: 'nr-tabs',\r\n templateUrl: './nuoruo-tabs.component.html',\r\n styleUrls: ['./nuoruo-tabs.component.scss'],\r\n providers: [{\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NuoruoTabsComponent),\r\n multi: true\r\n }]\r\n})\r\nexport class NuoruoTabsComponent implements OnInit, AfterViewInit, ControlValueAccessor {\r\n @Input() flagShowIcon = false\r\n @Input() oneLine = false\r\n @ContentChildren(NuoruoTabComponent) tabsetList!: QueryList\r\n \r\n \r\n \r\n \r\n {{item.v}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n ![]()
\r\n {{item.v}} \r\n \r\n
\r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n} from '@angular/core';\r\nimport { NuoruoPage } from './i/nuoruo-page.i';\r\n@Component({\r\n selector: 'nr-page',\r\n templateUrl: './nuoruo-page.component.html',\r\n styleUrls: ['./nuoruo-page.component.scss'],\r\n providers: [\r\n ],\r\n})\r\nexport class NuoruoPageComponent implements AfterViewInit, OnChanges{\r\n @Input() w: any;\r\n @Input() h: any;\r\n @Input() p: any;\r\n mywPageData: NuoruoPage = {} as any\r\n @Input() set mywPage(value: any) {\r\n console.log('这是打印的value')\r\n console.log(value)\r\n this.mywPageData = value\r\n this.setPageData()\r\n\r\n }\r\n @Output() changePage: EventEmitter\r\n
","import { AfterViewInit, ChangeDetectorRef, Component, Input, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\r\n@Component({\r\n selector: 'nr-option',\r\n templateUrl: './nuoruo-option.component.html',\r\n styleUrls: ['./nuoruo-option.component.scss'],\r\n providers: []\r\n})\r\nexport class NuoruoOptionComponent implements OnInit, AfterViewInit {\r\n @Input() value = '';\r\n @Input() v = '';\r\n @Input() o: any\r\n tabsetTitleList = [] as any;\r\n selectTab = 0;\r\n flagShow = false;\r\n constructor(private cdr: ChangeDetectorRef) {\r\n\r\n }\r\n get title() {\r\n return JSON.stringify(this.tabsetTitleList);\r\n }\r\n ngOnInit(): void {\r\n // throw new Error('Method not implemented.');\r\n }\r\n changeTab(index: any) {\r\n }\r\n ngAfterViewInit() {\r\n }\r\n selectOption() {\r\n console.log('这是option');\r\n\r\n }\r\n\r\n}\r\n","","import {\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChildren,\r\n EventEmitter,\r\n forwardRef,\r\n HostListener,\r\n Input,\r\n OnInit,\r\n Output,\r\n QueryList,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NuoruoOptionComponent } from './option/nuoruo-option.component';\r\n@Component({\r\n selector: 'nr-select',\r\n templateUrl: './nuoruo-select.component.html',\r\n styleUrls: ['./nuoruo-select.component.scss'],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NuoruoSelectComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class NuoruoSelectComponent implements AfterViewInit, ControlValueAccessor {\r\n @Input() w = 100;\r\n @Input() v = 'v';\r\n @Input() value = 'value';\r\n @Input() name = '';\r\n /** 获取 option 的列表 */\r\n @ContentChildren(NuoruoOptionComponent) optionList!: QueryList\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n{{nowDateString}} 所选年份：{{selectYear}}
\r\n \r\n ← \r\n < \r\n {{nowDate | date: 'yyyy'}} \r\n {{nowDate | date: 'MM'}} \r\n → \r\n > \r\n
\r\n \r\n
\r\n \r\n {{itemi.date | date: 'd'}} \r\n \r\n {{itemi.date | date:\r\n 'd'}} \r\n \r\n
\r\n \r\n ← \r\n 请选择年份\r\n → \r\n
\r\n \r\n
\r\n \r\n {{itemi}} \r\n
\r\n \r\n 所选年份： {{selectYear}} 选择月份\r\n
\r\n \r\n
\r\n \r\n {{itemi}}月 \r\n
\r\n \r\n
\r\n","import { AfterViewInit, ChangeDetectorRef, Component, ContentChild, ElementRef, HostBinding, HostListener, Input, OnInit, TemplateRef, ViewChild, forwardRef } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NuoruoInputComponent } from '../../nuoruo-input.component';\r\n@Component({\r\n selector: 'nr-number',\r\n templateUrl: './nuoruo-number.component.html',\r\n styleUrls: ['../../nuoruo-input.component.scss', '../../common/style/common.scss'],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NuoruoNumberComponent),\r\n multi: true\r\n }\r\n ]\r\n})\r\nexport class NuoruoNumberComponent extends NuoruoInputComponent {\r\n constructor() {\r\n super()\r\n }\r\n}\r\n ","\r\n\r\n
\r\n\r\n {{item.o[v]}} \r\n
\r\n \r\n
\r\n","import { AfterViewInit, ChangeDetectorRef, Component, ContentChild, ElementRef, HostBinding, HostListener, Input, OnInit, TemplateRef, ViewChild, forwardRef } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NuoruoInputComponent } from '../../nuoruo-input.component';\r\n@Component({\r\n selector: 'nr-textarea',\r\n templateUrl: './nuoruo-textarea.component.html',\r\n styleUrls: ['./nuoruo-textarea.component.scss'],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NuoruoTextareaComponent),\r\n multi: true\r\n }\r\n ]\r\n})\r\nexport class NuoruoTextareaComponent extends NuoruoInputComponent {\r\n constructor() {\r\n super()\r\n }\r\n}\r\n ","","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoInputComponent } from './nuoruo-input.component';\r\n// import { nuoruoTextareaComponent } from './component/textarea/nuoruo-textarea.component';\r\n// import { nuoruoSelectComponent } from './component/select/nuoruo-select.component';\r\n// import { nuoruoOptionComponent } from './component/select/option/nuoruo-option.component';\r\n// import { nuoruoInputNumberComponent } from './component/number/nuoruo-input-number.component';\r\n// import { nuoruoDateComponent } from './component/date/nuoruo-date.component';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport { NuoruoDateComponent } from './component/date/nuoruo-date.component';\r\nimport { NuoruoSelectComponent } from './component/select/nuoruo-select.component';\r\nimport { NuoruoOptionComponent } from './component/select/option/nuoruo-option.component';\r\nimport { NuoruoNumberComponent } from './component/number/nuoruo-number.component';\r\nimport { NuoruoTextareaComponent } from './component/textarea/nuoruo-textarea.component';\r\nimport { NuoruoIconModule } from '../icon/nuoruo-icon.module';\r\nconst components = [\r\n NuoruoInputComponent,\r\n NuoruoDateComponent,\r\n NuoruoSelectComponent,\r\n NuoruoOptionComponent,\r\n NuoruoNumberComponent,\r\n NuoruoTextareaComponent\r\n // nuoruoTextareaComponent,\r\n // nuoruoSelectComponent,\r\n // nuoruoOptionComponent,\r\n // nuoruoInputNumberComponent,\r\n // nuoruoDateComponent,\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, NuoruoButtonModule, NuoruoIconModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoInputModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoPageComponent } from './nuoruo-page.component';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport { NuoruoInputModule } from '../input/nuoruo-input.module';\r\nconst components = [\r\n NuoruoPageComponent\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n // imports: [CommonModule, FormsModule, ReactiveFormsModule, MywButtonModule, MywInputModule],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, NuoruoButtonModule, NuoruoInputModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoPageModule {}\r\n","import { Directive, Input, TemplateRef } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: '[nrTable]'\r\n})\r\nexport class NuoruoTableDirective {\r\n @Input() select: string = ''\r\n constructor(public templateRef: TemplateRef\r\n \r\n\r\n \r\n \r\n 0\">\r\n \r\n 0 && item[flagExpand]\">\r\n \r\n \r\n \r\n \r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport { NuoruoTableDirective } from './directive/nuoruo-table.directive';\r\nimport { NuoruoTableComponent } from './nuoruo-table.component';\r\nconst components = [\r\n NuoruoTableComponent,\r\n NuoruoTableDirective,\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule,NuoruoButtonModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTableModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoMessageComponent } from './nuoruo-message.component';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport { NuoruoMessageService } from './service/nuoruo-message.service';\r\nconst components = [\r\n NuoruoMessageComponent,\r\n \r\n\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, NuoruoButtonModule],\r\n bootstrap: [],\r\n providers: [NuoruoMessageService],\r\n})\r\nexport class NuoruoMessageModule {}\r\n","import { Directive, TemplateRef } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: '[nrModalFooter]'\r\n})\r\nexport class NuoruoModalFooterDirective {\r\nconstructor(public templateRef: TemplateRef\r\n {{fixeded ? '缩小' : '放大'}} \r\n \r\n
\r\n \r\n \r\n {{ item.v }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ item[itemi.value] }}\r\n \r\n
\r\n \r\n \r\n \r\n
","import { NuoruoModalFooterDirective } from \"./directive/nuoruo-modal-footer.directive\";\r\nimport { NuoruoModalHeaderDirective } from \"./directive/nuoruo-modal-header.directive\";\r\nimport { NuoruoModalSectionDirective } from \"./directive/nuoruo-modal-section.directive\";\r\nimport { NuoruoModalComponent } from \"./nuoruo-modal.component\";\r\n\r\nexport const components = [\r\n NuoruoModalComponent,\r\n NuoruoModalFooterDirective,\r\n NuoruoModalHeaderDirective,\r\n NuoruoModalSectionDirective\r\n];\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoIconModule } from '../icon/nuoruo-icon.module';\r\nimport { NuoruoLoadingModule } from '../loading/nuoruo-loading.module';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport {components} from './nuoruo-modal.model'\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, NuoruoLoadingModule, NuoruoButtonModule, NuoruoIconModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoModalModule {\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NuoruoGapComponent } from './nuoruo-gap.component';\r\nconst components = [\r\n NuoruoGapComponent\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoGapModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoButtonModule } from '../button/nuoruo-button.module';\r\nimport { NuoruoAlertComponent } from './nuoruo-alert.component';\r\nimport { NuoruoAlertService } from './service/nuoruo-alert.service';\r\nimport { NuoruoGapModule } from '../../layout/gap/nuoruo-gap.module';\r\nconst components = [\r\n NuoruoAlertComponent,\r\n \r\n\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, NuoruoButtonModule, NuoruoGapModule],\r\n bootstrap: [],\r\n providers: [NuoruoAlertService],\r\n})\r\nexport class NuoroAlertModule {}\r\n","import { Directive, TemplateRef } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: '[nrTree]'\r\n})\r\nexport class NuoruoTreeDirective {\r\nconstructor(public templateRef: TemplateRef\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoTooltipComponent } from './nuoruo-tooltip.component';\r\nconst components = [\r\n NuoruoTooltipComponent,\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTooltipModule {}\r\n","import {\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ContentChildren,\r\n ElementRef,\r\n forwardRef,\r\n HostListener,\r\n Input,\r\n OnInit,\r\n QueryList,\r\n ViewChild,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n@Component({\r\n selector: 'nr-grid',\r\n templateUrl: './nuoruo-grid.component.html',\r\n styleUrls: ['./nuoruo-grid.component.scss'],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NuoruoGridComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class NuoruoGridComponent\r\n implements OnInit, AfterViewInit, ControlValueAccessor\r\n{\r\n\r\n\r\n @Input() indexId = '';\r\n @ViewChild('gridBox') gridBox!: ElementRef\r\n arrHeight = [] as any\r\n arrWidth = [] as any\r\n _fatherNgModel: any = {};\r\n arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]\r\n constructor(private cdr: ChangeDetectorRef) {}\r\n get fatherNgModel() {\r\n return this._fatherNgModel;\r\n }\r\n set fatherNgModel(data: any) {\r\n // 此处动用了getf方法\r\n this._fatherNgModel = data;\r\n this.change(this.fatherNgModel);\r\n }\r\n change = (value: any) => {\r\n console.log('changge');\r\n console.log(value);\r\n };\r\n // 先定义一个方法，很重要，用于接收registerOnChange()方法里传递回来的方法，然后通过这个方法就能通知到外部组件数据更新。\r\n // 这个是外部给内部赋值的方法。\r\n writeValue(val: any): void {\r\n console.log('这是write value，父组件给里面的原素赋值了。');\r\n console.log(val);\r\n if (val) {\r\n /* 此处动调用了fatherNgModel的set法法。 */\r\n this.fatherNgModel = val.map((item: any) => {\r\n item.flagExpand = true;\r\n item.flagEdit = false;\r\n return item;\r\n });\r\n }\r\n }\r\n registerOnChange(fn: any): void {\r\n console.log('registerOnChange');\r\n this.change = fn;\r\n }\r\n registerOnTouched(fn: any): void {\r\n console.log('registerOnTouched');\r\n }\r\n setDisabledState?(isDisabled: boolean): void {\r\n console.log('setDisabledState');\r\n }\r\n @HostListener('window:resize', ['$event']) onResize() {\r\n this.getresize()\r\n }\r\n ngAfterViewInit(): void {\r\n let timer = setTimeout(() => {\r\n clearTimeout(timer)\r\n this.getresize()\r\n }, 100);\r\n }\r\n getresize() {\r\n console.log('这是打印的gridList')\r\n /* 获取当前元素的高 */\r\n let screenHeight: number = Math.floor(this.gridBox.nativeElement.offsetHeight) - 4\r\n /* 获取当前元斯的宽 */\r\n let screenWidth: number = Math.floor(this.gridBox.nativeElement.offsetWidth) - 4\r\n console.log(screenHeight)\r\n console.log(screenWidth)\r\n let h = Math.floor(screenHeight / 44)\r\n let h1 = screenHeight % 44\r\n if (h1 >= 40) h = h + 1\r\n let w = Math.floor(screenWidth / 44)\r\n let w1 = screenWidth % 44\r\n if (w1 >= 40) w = w + 1\r\n console.log(h)\r\n console.log(w)\r\n let arrHeight = []\r\n let arrWidth = []\r\n for (let index = 1; index <= h; index++) {\r\n arrHeight.push(index)\r\n }\r\n for (let index = 1; index <= w; index++) {\r\n arrWidth.push(index)\r\n }\r\n console.log(arrHeight)\r\n console.log(arrWidth)\r\n this.arrHeight = arrHeight\r\n this.arrWidth = arrWidth\r\n this.cdr.detectChanges()\r\n }\r\n\r\n ngOnInit(): void {\r\n console.log('ngOnInit 执行了');\r\n }\r\n \r\n\r\n \r\n \r\n}\r\n","\r\n\r\n {{v}}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { NuoruoGridComponent } from './nuoruo-grid.component';\r\nconst components = [\r\n NuoruoGridComponent,\r\n];\r\n@NgModule({\r\n declarations: [\r\n ...components\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n ],\r\n exports: [\r\n ...components\r\n ],\r\n bootstrap: [\r\n ],\r\n providers: [],\r\n})\r\nexport class NuoruoGridModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoLoadingModule } from './loading/nuoruo-loading.module';\r\nimport { NuoruoButtonModule } from './button/nuoruo-button.module';\r\nimport { NuoruoTabsModule } from './tabs/nuoruo-tabs.module';\r\nimport { NuoruoIconModule } from './icon/nuoruo-icon.module';\r\nimport { NuoruoPageModule } from './page/nuoruo-page.module';\r\nimport { NuoruoInputModule } from './input/nuoruo-input.module';\r\nimport { NuoruoTableModule } from './table/nuoruo-table.module';\r\nimport { NuoruoMessageModule } from './message/nuoruo-message.module';\r\nimport { NuoruoModalModule } from './modal/nuoruo-modal.module';\r\nimport { NuoroAlertModule } from './alert/nuoruo-alert.module';\r\nimport { NuoruoTreeModule } from './tree/nuoruo-tree.module';\r\nimport { NuoruoTooltipModule } from './tooltip/nuoruo-tooltip.module';\r\nimport { NuoruoGridModule } from './grid/nuoruo-grid.module';\r\nconst module = [NuoruoLoadingModule, NuoruoButtonModule, NuoruoTabsModule, NuoruoIconModule, NuoruoPageModule, NuoruoInputModule, NuoruoTableModule, NuoruoMessageModule,\r\n NuoruoModalModule, NuoroAlertModule, NuoruoTreeModule, NuoruoTooltipModule, NuoruoGridModule]\r\nconst components: any[] = [\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components, ...module],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoComponentModule { }\r\n","import { AfterViewInit, Component, ContentChild, Input, TemplateRef } from '@angular/core';\r\n@Component({\r\n selector: 'nr-split',\r\n templateUrl: './nuoruo-split.component.html',\r\n styleUrls: ['./nuoruo-split.component.scss'],\r\n providers: []\r\n})\r\nexport class NuoruoSplitComponent implements AfterViewInit {\r\n\r\n @ContentChild('top', { static: true }) headerTemplate!: TemplateRef{{ h + ' ' + w}}
\r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoSplitComponent } from './nuoruo-split.component';\r\nconst components = [\r\n NuoruoSplitComponent,\r\n];\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoSplitModule {}\r\n","import { Directive, Input, TemplateRef } from \"@angular/core\";\r\n\r\n@Directive({\r\n\tselector: '[nrCol]'\r\n})\r\nexport class NuoruoColDirective {\r\n\t@Input() span: number = 0\r\n\tflagShowSpan: boolean = true\r\n\tconstructor(public templateRef: TemplateRef= 1 ? top + 'px' : top * 100 +'%'}\" class=\"top\">\r\n
\r\n \r\n
\r\n= 1 ? left + 'px' : left * 100 +'%'}\" style=\"height: 100%;\" class=\"left\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { NuoruoDragService } from './service/nuoruo-drag.service';\r\nimport { NuoruoDragComponent } from './nuoruo-drag.component';\r\nimport { NuoruoButtonModule } from '../../component/button/nuoruo-button.module';\r\nimport { NuoruoIconModule } from '../../component/icon/nuoruo-icon.module';\r\nconst components = [\r\n NuoruoDragComponent\r\n];\r\n@NgModule({\r\n declarations: [\r\n ...components\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n NuoruoButtonModule,\r\n NuoruoIconModule\r\n ],\r\n exports: [\r\n ...components\r\n ],\r\n bootstrap: [\r\n ],\r\n providers: [NuoruoDragService],\r\n})\r\nexport class NuoruoDragModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { NuoruoGapModule } from './gap/nuoruo-gap.module';\r\nimport { NuoruoSplitModule } from './split/nuoruo-split.module';\r\nimport { NuoruoRowModule } from './row/nuoruo-row.module';\r\nimport { NuoruoDragModule } from './drag/nuoruo-drag.module';\r\nconst module = [NuoruoGapModule, NuoruoSplitModule, NuoruoRowModule, NuoruoDragModule]\r\nconst components: any[] = [\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components, ...module],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoLayoutModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { NuoruoComponentModule } from '../../../component/nuoruo-component.module';\r\nimport { NuoruoLayoutModule } from '../../../layout/nuoruo-layout.module';\r\nimport { NuoruoTestAlertComponent } from './alert.component';\r\n\r\nconst module: any[] = [\r\n NuoruoComponentModule,\r\n NuoruoLayoutModule\r\n]\r\nconst components: any[] = [\r\n NuoruoTestAlertComponent\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTestAlertModule {}\r\n","import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { NuoruoRowComponent } from '../../../layout/row/nuoruo-row.component';\r\nimport { Subscription } from 'rxjs';\r\n@Component({\r\n selector: 'nuoruo-test-button',\r\n templateUrl: './button.component.html',\r\n providers: []\r\n})\r\nexport class NuoruoTestButtonComponent implements OnInit, AfterViewInit, OnDestroy {\r\n \r\n @ViewChild('rowRef') rowRef!: NuoruoRowComponent\r\n total = 3\r\n list: any[] = [1,2,3]\r\n $timer1?: any\r\n $timer2?: any\r\n flag = false\r\n \r\n constructor(private cdr: ChangeDetectorRef){}\r\n\r\n ngAfterViewInit(): void {\r\n }\r\n ngOnInit(): void {\r\n }\r\n ngOnDestroy() {\r\n if (this.$timer1) clearTimeout(this.$timer1)\r\n if (this.$timer2) clearTimeout(this.$timer2)\r\n }\r\n\r\n addOne() {\r\n this.total = ++this.total\r\n this.list = []\r\n this.$timer1 = setTimeout(() => {\r\n clearTimeout(this.$timer1)\r\n for (let index = 0; index < this.total * 3; index++) {\r\n this.list.push(this.total)\r\n }\r\n this.cdr.detectChanges()\r\n this.rowRef.ngAfterViewInit()\r\n }, 100);\r\n }\r\n subOne() {\r\n this.total = --this.total\r\n this.list = []\r\n this.$timer2 = setTimeout(() => {\r\n clearTimeout(this.$timer2)\r\n for (let index = 0; index < this.total * 3; index++) {\r\n this.list.push(this.total)\r\n }\r\n this.cdr.detectChanges()\r\n this.rowRef.ngAfterViewInit()\r\n }, 100);\r\n }\r\n\r\n\r\n}\r\n"," {{position && v ? v : position ? v : v}}\r\n 关闭 \r\n \r\n \r\n
\r\n \r\n
\r\n\r\nloading按钮:
\r\n\r\n禁用按钮:
\r\n无边框按钮
\r\n无底色按钮
\r\n无边框底色按钮
\r\n选中按钮
\r\n左边圆角(用于按钮组)
\r\n右边圆角(用于按钮组)
\r\n无圆角(用于按钮组)
\r\n红
\r\n黄
\r\n蓝
\r\n\r\n按钮组(用于按钮组)
\r\n根据父元素的百分比生成元素 2个 50%
\r\n
\r\n配合栅格布局中以百分比参与布局 通过 上方加减模拟动态布局 \r\n
\r\n
\r\n \r\n 搜索 \r\n
","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\n@Component({\r\n selector: 'nuoruo-test-form-input-number',\r\n templateUrl: './input-number.component.html',\r\n providers: []\r\n})\r\nexport class NuoruoTestFormInputNumberComponent implements OnInit, AfterViewInit {\r\n value = '1'\r\n ngAfterViewInit(): void {\r\n }\r\n ngOnInit(): void {\r\n }\r\n ngOnDestroy() {\r\n }\r\n\r\n}\r\n","内容测试
\r\n内容测试
\r\n左右使用span制造间隔左右间隔
内容测试
\r\n内容测试
myw-gap
\r\n公开的属性
\r\nh? : number 指定间隔高度 默认值为8
\r\nw? : number 指定间隔宽度
\r\n公开的方法
\r\n无
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { NuoruoTestGapComponent } from './gap.component';\r\nimport { NuoruoComponentModule } from '../../../component/nuoruo-component.module';\r\nimport { NuoruoLayoutModule } from '../../../layout/nuoruo-layout.module';\r\n\r\nconst module: any[] = [\r\n NuoruoComponentModule,\r\n NuoruoLayoutModule\r\n]\r\nconst components: any[] = [\r\n NuoruoTestGapComponent\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTestGapModule {}\r\n","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { NuoruoAlertService } from '../../../component/alert/service/nuoruo-alert.service';\r\nimport { NuoruoMessageService } from '../../../component/message/service/nuoruo-message.service';\r\nimport { NuoruoGridComponent } from '../../../component/grid/nuoruo-grid.component';\r\n@Component({\r\n selector: 'nuoruo-test-grid',\r\n templateUrl: './grid.component.html',\r\n styleUrl: './grid.component.scss',\r\n providers: []\r\n})\r\nexport class NuoruoTestGridComponent implements OnInit, AfterViewInit {\r\n @ViewChild('grid') grid!: NuoruoGridComponent\r\n ngAfterViewInit(): void {\r\n }\r\n ngOnInit(): void {\r\n }\r\n ngOnDestroy() {\r\n }\r\n constructor( private alert: NuoruoAlertService, private message: NuoruoMessageService) {\r\n \r\n }\r\n alert11() {\r\n this.alert.show({\r\n title: '这是一个标题',\r\n message: '这是里面显示的内容',\r\n success: () => {\r\n this.message.show('点击了确定按钮')\r\n }\r\n })\r\n }\r\n dragEnd() {\r\n this.grid.getresize()\r\n }\r\n\r\n}\r\n","根据父元素的大小生成格子
\r\n\r\n
\r\nnr-icon
\r\n描述：生成一个图标。\r\n公开的属性
\r\nicon: string 图标的名称
\r\n公开的方法
\r\n\r\nnr-loading
\r\n描述：生成一个loading图标。可以将这个图标以定位的方式，添加到你想要的loading的元素上。如上面中间的图标就是在button上添加一个loading。\r\nNuoruoLoadingService
\r\n描述：弹出一个全局的loading。弹出loading会禁止页面其他操作，需谨慎使用。\r\n公开的属性
\r\n无
\r\n公开的方法
\r\nshow() 无入参 弹出全局loading
\r\nhide() 无入参 隐藏全局loading
\r\n这是标题的内容。
\r\n栅格系统初始化 nr-row
\r\n以供适应不同屏幕。
\r\n24
\r\n 12
\r\n 12
\r\n 8
\r\n 8
\r\n 8
\r\n 6
\r\n 6
\r\n 6
\r\n 6
\r\n 4
\r\n 4
\r\n 4
\r\n 4
\r\n 4
\r\n 4
\r\n 3
3
3
3
3
3
3
3
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
13
11
9
15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
myw-split
\r\n公开的属性
\r\nleft? : number 当 > 0 < 1的时 以百分比上下分隔，大于1时，以px分隔
\r\ntop? : number 当 > 0 < 1的时 以百分比上下分隔，大于1时，以px分隔
\r\n公开的方法
\r\n无
\r\n\r\n \r\n \r\n 这是左边的内容\r\n \r\n \r\n 这是上面的内容\r\n \r\n 你好这是右边的内容。\r\n \r\n
\r\n\r\n \r\n \r\n 这是左边的内容s\r\n \r\n \r\n 这是上面的内容\r\n \r\n 你好这是右边的内容。\r\n \r\n
\r\n\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { NuoruoComponentModule } from '../../../component/nuoruo-component.module';\r\nimport { NuoruoLayoutModule } from '../../../layout/nuoruo-layout.module';\r\nimport { NuoruoTestSplitComponent } from './split.component';\r\n\r\nconst module: any[] = [\r\n NuoruoComponentModule,\r\n NuoruoLayoutModule\r\n]\r\nconst components: any[] = [\r\n NuoruoTestSplitComponent\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTestSplitModule {}\r\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\r\nimport { NuoruoTabsComponent } from '../../../component/tabs/nuoruo-tabs.component';\r\n@Component({\r\n selector: 'nuoruo-test-tab',\r\n templateUrl: './tab.component.html',\r\n providers: []\r\n})\r\nexport class NuoruoTestTabComponent implements OnInit, AfterViewInit {\r\n @Input() data: any\r\n @ViewChild('tabs') tabs!: NuoruoTabsComponent\r\n @ViewChild('tabs2') tabs2!: NuoruoTabsComponent\r\n \r\n\r\n arr: any = []\r\n arr2: any = []\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this.arr = [1, 2, 3, 4]\r\n setTimeout(() => {\r\n this.arr2 = [1, 2, 3, 4]\r\n this.tabs.reload()\r\n }, 2000);\r\n }, 1000);\r\n }\r\n ngOnInit(): void {\r\n }\r\n ngOnDestroy() {\r\n }\r\n tabClickFn(e: any) {\r\n console.log(e)\r\n }\r\n selectB() {\r\n this.tabs2.selectByKey('b')\r\n }\r\n closeTab(e: any) {\r\n console.log('closeTab')\r\n console.log(e)\r\n }\r\n clickFn(e: any) {\r\n console.log('clickFn')\r\n console.log(e)\r\n }\r\n}\r\n","nr-tabs
\r\n描述：多个tab的一个集合\r\n\r\n公开的属性
\r\n无
\r\n公开的方法
\r\n(tabClick)=\"tabClickFn($event)\" $event 获取点击的 nr-tab 对应的 NuoruoTabComponent 对象。包含该对像的所有值。具体有可以取到哪些值。参照 NuoruoTabComponent 对象\r\nnr-tab
\r\n描述：一个tab\r\n公开的属性
\r\ndata: any 你可以在 nr-tab 绑定任意数据。以方便 tabClick 取用的时候，取到你点击的 tab 按钮对应的 nr-tab 对应的对象。\r\n公开的方法
\r\n\r\n指令：nrTab
\r\n描述: 一个用在 ng-template 上的指令，使用了该指令的内容。将使用 ng-if 控制该 nr-tab 的显隐。\r\n\r\n\r\n
范例:
\r\n<nt-tabs>\r\n <nt-tab>
\r\n 这是用 disable 控制的显隐
\r\n </nt-tab>
\r\n <nt-tab>
\r\n <ng-template nrTab>
\r\n 这是用 if 控制的显隐
\r\n </nt-template>
\r\n </nt-tab>
\r\n</nt-tabs>
\r\n\r\n\r\n
特殊处理
\r\n如果tab的元素是延迟或动态加载的内容。请重新调用ngAfterViewInit() 使之生效\r\n\r\ntree 组件 nr-tree
\r\n只提供了一个tree骨架。用户需在在插槽（内容投影）中自定义展示的条目数据。item 当前展示的条目数据， index 根据下标计算的值, level 当前层级
\r\n<nr-tree [(ngModel)]=\"treeData\">\r\n <ng-template nrTree let-item let-index=\"index\" let-level=\"level\">
\r\n 自定义内容
\r\n </ng-template>
\r\n</nr-tree>
\r\n下面是效果展示\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {{\r\n item.flagExpand ? \"关闭子项\" : \"展开子项\"\r\n }}\r\n {{\r\n \"当前绑定的值\" +\r\n item.value +\r\n \" -当前显示的值 \" +\r\n item.v +\r\n \" - 定标：\" +\r\n index + \r\n \" - 层级：\" +\r\n level\r\n }}\r\n 当前状态： {{ item.flagExpand ? \"展开\" : \"关闭\" }}\r\n
\r\n 基于tree组件实现一个nr-tree-default 以实现快速的构建tree
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { NuoruoComponentModule } from '../../../component/nuoruo-component.module';\r\nimport { NuoruoLayoutModule } from '../../../layout/nuoruo-layout.module';\r\nimport { NuoruoTestTreeComponent } from './tree.component';\r\n\r\nconst module: any[] = [\r\n NuoruoComponentModule,\r\n NuoruoLayoutModule\r\n]\r\nconst components: any[] = [\r\n NuoruoTestTreeComponent\r\n];\r\nconst directive = [\r\n];\r\nlet commonModule = [\r\n\r\n]\r\n@NgModule({\r\n declarations: [...components],\r\n exports: [...components],\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule, ...module],\r\n bootstrap: [],\r\n providers: [],\r\n})\r\nexport class NuoruoTestTreeModule {}\r\n","import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\n@Component({\r\n selector: 'nuoruo-test',\r\n templateUrl: './test.component.html',\r\n providers: []\r\n})\r\nexport class NuoruoTestComponent implements OnInit, AfterViewInit {\r\n ngAfterViewInit(): void {\r\n }\r\n ngOnInit(): void {\r\n }\r\n ngOnDestroy() {\r\n }\r\n\r\n\r\n}\r\n","诺若组件库
\r\n使用了以下开源技术：html、css、js、scss、ts、angular、rxjs、ng-packagr。特此鸣谢
\r\nnuoruo.com、nuoruo.cn未来是本站的子网站，以诺若的名义发布作品。
\r\n组件官网 https://mayiwen.com/#/nuoruo-show
\r\ndesigned by mayiwen
\r\n