塔卢德 - 乌伊
为了方便在Angular开发出TCloud特征. 模块为标准开发维护了tcloud风格.
安装指令
从 npm 安装 dev- tloud/ tloud- ui
npm install @dev-tcloud/tcloud-ui --save
维尔索斯
| 角质 | 维尔桑 |
|---|---|
| 角数 19 | 5.x.x (中文(简体) ) |
| 角数 18 | 4.x.x (中文(简体) ) |
| 角 17 | 3.x.x (中文(简体) ) |
| 角 16 | 2.x.x (中文(简体) ) |
| 角 15 | 1.x.x (中文(简体) ) |
| 角数 14 | 0.x.x (中文(简体) ) |
tcloud-ui 模块
- 紫外线
- TCloudUiTab 菜单
- 紫外线
- TCloudUiLine 循环模块
- TCloudUi 多功能选择模块
- TCloudUiDataList 模块
- TCloudUi 多功能输入模块
- TCloudUiChoices Issues 模块
- TCloudUi 输入搜索模块
- TCloudUi NotFound 模块
- TCloudUi Table 模块
- TCloudUi 数字标准模块
- TCloudUi 滚动框程序
- TCloudUiFilters 模块
- 紫外线
- TCloudUi 数据拾取器
- TCloudUiDatecooker 时间组件
- TCloudUi 多元性Values 模块
- TCloudUi 输入软件
- 克卢德-维尼欢迎模块
- 紫外线
- TCloudUi 重排项目
- TCloudUiLabel 托肯模块
- TCloudUiLine StepTitle 模块
tcluuui 指令
- TCloudUi 工具指南
- TCloudUi 对齐指令
- TCloudUiHover家长指导
- TCloudUiEl 密码
- 密度指令
- TCloudNg 检查访问指令
- TCloudNg FeatureFlags 指令
- TCloud 检查访问指令
- TCloudUiIp 任务指令
- 高光指令
- 仅限指令
tcloud-ui服务
- TCloudUi 记录转换服务
- TCloudUiSearch 对象服务
- TCloudUi 图形
- TCloudUi海关服务
- TCloud 检查访问服务
使用实例
独立(建议)
main.ts
import { bootstrapApplication } from '@angular/platform-browser';
import { provideTCloudUi } from '@dev-tcloud/tcloud-ui';
import { AppComponent } from './app/app.component';
bootstrapApplication(AppComponent, {
providers: [
provideTCloudUi()
]
});
NG 模块
app.module.ts
import { TCloudUiModule } from '@dev-tcloud/tcloud-ui';
@NgModule({
imports: [
...
TCloudUiModule
]
})
动画
这个库里所有的动画都是 基于中央支助系统 (单位:千美元)animate.enter编号 :animate.leave
支助和支助服务的过渡。 没错 没有 需求 @angular/animations, (中文(简体) ), provideAnimations(), (中文(简体) ),
或者说 BrowserAnimationsModule - 没什么可配置的.
添加 TCloud- ui 组件样式和 tCloud 样式
建议:单一进口
tcloud-styles.scss 合计 全部 正式负载中的库样式表
命令(组件 + tcloud → tcloud-revitalizacao → tcloud-ui). 注册
此文件 :
angular.json (英语)
"styles": [
"node_modules/@dev-tcloud/tcloud-ui/scss/tcloud-styles.scss"
],
或者,从消费者 .scss 文件 :
@import '@dev-tcloud/tcloud-ui/scss/tcloud-styles.scss';
遗产:个人进口
以下单个样式表仍然可用,项目不变
已经登记了 还有 4个 要注册的样式表,不是两个。 失踪
tcloud-revitalizacao/tc-rev-styles.scss 丢弃 --size-* 规模和组件
变成无风格.
angular.json (英语)
"styles": [
"node_modules/@dev-tcloud/tcloud-ui/scss/components/styles.scss",
"node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/styles.scss",
"node_modules/@dev-tcloud/tcloud-ui/scss/tcloud-revitalizacao/tc-rev-styles.scss",
"node_modules/@dev-tcloud/tcloud-ui/scss/tcloud-ui/styles.scss"
],
components/styles.scss——组件样式.tcloud/styles.scss——通云底风格.tcloud-revitalizacao/tc-rev-styles.scss——振兴层;定义--size-*规模(例如).--size-52: 3.25rem) (中文(简体) ).tcloud-ui/styles.scss——现代设计体系(--c-*符号,暗模式).
在浏览器控制台中校验 :
getComputedStyle(document.documentElement).getPropertyValue('--size-52') 必须
返回时 3.25rem。如果它回到空的,则 tcloud-revitalizacao/tc-rev-styles.scss
缺少工作表 .
添加日历库以使用取日期器
"script": [
"node_modules/@dev-tcloud/tcloud-ui/datepicker/js/datepicker-full.min.js",
],
烟雾威
这个项目是用下列方式产生的: 角 CLI 函数 (原始内容存档于2018-03-21). version 18.1.0.