2017.06.15

learning list

1. semanticUI - segment

<!-- 垂直的划分的 -->
.ui.segment   默认使用父容器的最大宽度，添加外边框阴影
.ui.segment.container 一个上下文宽度容器的小节
.ui.raised.segment  一个浮现突出页面的小节
.ui.stacked.segment   一个底部出现页面堆叠的小节
.ui.raised.stacked.segment
.ui.tall.raise.stacked.segment 一个高度堆叠的小节

.ui.piled.segment
.ui.vertical.segment  一个垂直方向化水平线区分的小节
.ui.segments>ui.segment*n 多节里面分多个小节的大节
.ui.segments>ui.[color].segment*n 划分小节的线会出现颜色
.ui.segments>ui.[[primary]/secondar].segment*n 根据重要性显示不同背景和字体颜色,primary为默认的，白色

<!-- nested -->
.ui.segments>ui.segments

<!-- 水平划分的 -->
.ui.horizontal.segments>ui.segment*n

<!-- 可以有状态 -->
.ui.loading.segment
.ui.disabled.segment
.ui.inverted.segment

<!-- 可贴附的 -->
.ui.top.attached.segment
.ui.padded.segmentk

<!-- 显示实际大小的：compact -->
.ui.compact.segment

<!-- 显示有颜色背景的 -->
.ui.inverted.[color].segment
.ui.olive.inverted.segment

<!-- 划分透明度的重要性的有颜色的 -->
.ui.tertial.olive.inverted.segment

<!-- 有形状的，浮动的，清除浮动的小节 -->
.ui.circular.segment
.ui.floated.right.segment
.ui.clearing.segment

 <!-- 排列 -->
 .ui.center.aligned.segment
 .ui.right.aligned.segment

1. angular: FormControl, FormGroup

// 在 NgModule中导入这个表单
import { FormsModule, ReactiveFormsModule } from "@angular/core";
@NgModule({
  declarations: [ ... ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule
  ]
  bootstrap: [ app ]
})
class FormDemoAppModule { }

myForm = new FormControl({name: '..'});
myInfo = new FormGroup({..},{..});