陈旭
陈旭
效果如下  http://gitlab.zte.com.cn/10045812/jigsaw/issues/267
现状是Jigsaw的多数组件和功能,均面向PC端,几乎未考虑过移动端,经评估Jigsaw的大部分基础功能代码、指令和小部分组件实现,是可以用于移动端的,大部分的组件实现不能适用于移动端。 因此,Jigsaw对移动端的支持,将采用这样的方式: 1. 将可共用部分的代码,独立出来到一个common目录里去,大概包含如下目录 - jigsaw/core - jigsaw/directive - jigsaw/service - jigsaw/assets 2. jigsaw/components目录更名为jigsaw/pc-components,里头的文件不变,用于存放PC端的组件库 3. 增加jigsaw/mobile-components目录,用于存放移动端的组件库,并把jigsaw/components目录中可适用于移动端的那部分组件的源码,**拷贝**到这个目录下独立演进。 4. 打包方式:PC端与移动端独立打包,独立发版本。即现在的 @rdkmaster/jigsaw 包不变,专用于PC端,新增一个 @rdkmaster/jigsaw-mobile 包,专用于移动端。打包脚本需要做对应的改造。

## 用法 ``` ``` ## 输入 - `progress: number` 当前的进度值,需要根据`min` / `max` 换算成比例,取小数点后1位。换算出来的比例取值范围恒为 [0 ~ 100] - `min: number` 最进度小值,默认是0 - `max: number` 最大进度值,默认是100 - `labelFormatter: string` 文本格式,默认值是 `"$p %"`,其中`$p`是一个占位符,表示当前的进度值,清空则表示不显示文本...
## 界面原型 
# JigsawMenu组件 用于在界面上显示一个菜单。需要支持多级菜单。 ## 难度系数1.3 Jigsaw已经有多个基础组件可以用于完成这个功能,完成这个赛题需要做的事情是恰当的组合这些功能,并提供良好的封装和API。需要熟熟练用Jigsaw的`PopupService`来控制弹出组件的位置等信息。 ## 演示 交互方面请参考下面这个图上的效果(无视这个图上的css)。  使用我们为赛题专门准备的样式即可,如下  ## 使用方法 应用有两种典型的使用方式: - 上下文菜单。应用在ts代码中直接将菜单弹出在某个dom元素附近: ```typescript const menuData=[ {label: 'item1'}, {label: 'item2'}, { label: 'item3', children: [ {label:...
这个事件的使用场景请参考这个 issue https://gitlab.zte.com.cn/10045812/ng-eval/issues/467

加入有一个名为dropdown的指令,则对于combo可以这样用 ``` content here... ``` 相对现在的方式: ``` content here... ``` 要简洁许多