界面

界面元素

名称	用途	显示规则	交互
页面标题	展示	文本“Color palette”	无
相机	摄像头取色	“”按钮	a.点击按钮进入【摄像头取色】页面
rgb调色盘	选择颜色	外圈为rgb调色盘，中心为当前选中的颜色	a.点击rbg调色盘任意位置，选中此位置的颜色
饱和度	调节颜色饱和度	滚动条，默认为“100%”	a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新
历史	展示已选中颜色的历史记录	显示最近选中的8个颜色的色块	a.点击色块，选中颜色，中心颜色进行颜色更新
完成	提交已选中颜色	“Done”按钮	a.点击按钮提交已选中颜色，返回上一级页面

验收标准

历史记录

2021-02-03 18:24:06, 由 hfwang 创建。
2021-02-19 15:00:59, 由 hfwang 变更。
修改了 当前状态，旧值为 "draft"，新值为 "active"。
修改了 版本号 ，旧值为 "1"，新值为 "2"。
修改了描述，区别为：
001-
001+ 功能描述
002+ 1.选择颜色
003+ 2.调整颜色亮度、饱和度
004+ 3.摄像头取色
005+ 界面
006+
007+ 界面元素
008+
009+ 名称
010+ 用途
011+ 显示规则
012+ 交互
013+ 页面标题
014+ 展示
015+ 文本“Color palette”
016+ 无
017+ 相机
018+ 摄像头取色
019+ “”按钮
020+ a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面
021+ rgb调色盘
022+ 选择颜色
023+
024+ 外圈为rgb调色盘，
025+ 中心为当前选中的颜色
026+
027+ a.点击rbg调色盘任意位置，选中此位置的颜色
028+ 亮度
029+ 调节颜色亮度
030+ 滚动条，默认为“100%”
031+ a.拉动滚动条调节颜色亮度
032+ 饱和度
033+ 调节颜色饱和度
034+ 滚动条，默认为“100%”
035+ a.拉动滚动条调节颜色饱和度
036+ 历史
037+ 展示已选中颜色的历史记录
038+ 显示最近选中的8个颜色的色块
039+ a.点击色块，选中颜色
040+ 完成
041+ 提交已选中颜色
042+ “Finish”按钮
043+ a.点击按钮提交已选中颜色，返回上一级页面
044+

001-
001+ 功能描述
002+ 1.选择颜色
003+ 2.调整颜色亮度、饱和度
004+ 3.摄像头取色
005+ <h1 style="color:#3C4353;background-color:#FFFFFF;">界面</h1>
006+ <img src="{3050.png}" alt="" />
007+ 界面元素
008+ 
009+ <table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途 </th>
011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示规则 </th>
012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互 </th>
013+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">页面标题 </td>
014+ <td style="border:1px solid #ddd;">展示 </td>
015+ <td style="border:1px solid #ddd;">文本“Color palette” </td>
016+ <td style="border:1px solid #ddd;">无 </td>
017+ </tr><tr><td style="border:1px solid #ddd;">相机 </td>
018+ <td style="border:1px solid #ddd;">摄像头取色 </td>
019+ <td style="border:1px solid #ddd;">“<img src="{3051.png}" alt="" />”按钮 </td>
020+ <td style="border:1px solid #ddd;">a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面 </td>
021+ </tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>
022+ <td style="border:1px solid #ddd;">选择颜色 </td>
023+ <td style="border:1px solid #ddd;">
024+ 外圈为rgb调色盘，
025+ 中心为当前选中的颜色
026+ </td>
027+ <td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>
028+ </tr><tr><td style="border:1px solid #DDD;">亮度 </td>
029+ <td style="border:1px solid #DDD;">调节颜色亮度 </td>
030+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
031+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色亮度 </td>
032+ </tr><tr><td style="border:1px solid #DDD;">饱和度 </td>
033+ <td style="border:1px solid #DDD;">调节颜色饱和度 </td>
034+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
035+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度 </td>
036+ </tr><tr><td style="border:1px solid #DDD;">历史 </td>
037+ <td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>
038+ <td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>
039+ <td style="border:1px solid #DDD;">a.点击色块，选中颜色 </td>
040+ </tr><tr><td style="border:1px solid #DDD;">完成 </td>
041+ <td style="border:1px solid #DDD;">提交已选中颜色 </td>
042+ <td style="border:1px solid #DDD;">“Finish”按钮 </td>
043+ <td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>
044+ </tr></tbody></table>
2021-03-01 14:54:11, 由 李成发 关联到项目 Startlink IoT 1.0。
2021-04-27 10:22:03, 由 夏凯英 变更。
修改了 当前状态，旧值为 "active"，新值为 "changed"。
修改了 版本号 ，旧值为 "2"，新值为 "3"。
修改了描述，区别为：
001- ~~功能描述~~
001+ 功能描述
006-
006+
008-
008+
009- 名称
009+ 名称
010- 用途
010+ 用途
011- ~~显示规则~~
011+ 显示规则
012- 交互
012+ 交互
013- ~~页面标题~~
013+ 页面标题
014- 展示
014+ 展示
015- ~~文本“Color palette”~~
015+ 文本“Color palette”
016- 无
016+ 无
017- 相机
017+ 相机
018- ~~摄像头取色~~
018+ 摄像头取色
019- ~~“”按钮~~
019+ “”按钮
020- ~~a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面~~
020+ a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面
021- ~~rgb调色盘~~
021+ rgb调色盘
022- ~~选择颜色~~
022+ 选择颜色
023-
023+
024- ~~外圈为rgb调色盘，~~
024+ 外圈为rgb调色盘，
025- ~~中心为当前选中的颜色~~
025+ 中心为当前选中的颜色
026-
026+
027- ~~a.点击rbg调色盘任意位置，选中此位置的颜色~~
027+ a.点击rbg调色盘任意位置，选中此位置的颜色
028- 亮度
028+ 亮度
029- ~~调节颜色亮度~~
029+ 调节颜色亮度
030- ~~滚动条，默认为“100%”~~
030+ 滚动条，默认为“100%”
031- ~~a.拉动滚动条调节颜色亮度~~
031+ a.拉动滚动条调节颜色亮度
032- ~~饱和度~~
032+ 饱和度
033- ~~调节颜色饱和度~~
033+ 调节颜色饱和度
034- ~~滚动条，默认为“100%”~~
034+ 滚动条，默认为“100%”
035- ~~a.拉动滚动条调节颜色饱和度~~
035+ a.拉动滚动条调节颜色饱和度
036- 历史
036+ 历史
037- ~~展示已选中颜色的历史记录~~
037+ 展示已选中颜色的历史记录
038- ~~显示最近选中的8个颜色的色块~~
038+ 显示最近选中的8个颜色的色块
039- ~~a.点击色块，选中颜色~~
039+ a.点击色块，选中颜色
040- 完成
040+ 完成
041- ~~提交已选中颜色~~
041+ 提交已选中颜色
042- ~~“Finish”按钮~~
042+ “Done”按钮
043- ~~a.点击按钮提交已选中颜色，返回上一级页面~~
043+ a.点击按钮提交已选中颜色，返回上一级页面
044-
044+

001- ~~功能描述~~
001+ 功能描述
006- ~~<img src="{3050.png}" alt="" />~~
006+ <img src="{3583.png}" alt="" /><img src="{3584.png}" alt="" />
008- ~~~~
008+ 
009- ~~<table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>~~
009+ <table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
010- ~~<th style="background-color:#f1f1f1;border:1px solid #DDD;">用途 </th>~~
010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途 </th>
011- ~~<th style="background-color:#f1f1f1;border:1px solid #DDD;">显示规则 </th>~~
011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示规则 </th>
012- ~~<th style="background-color:#f1f1f1;border:1px solid #DDD;">交互 </th>~~
012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互 </th>
013- ~~</tr></tbody><tbody><tr><td style="border:1px solid #ddd;">页面标题 </td>~~
013+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">页面标题 </td>
014- ~~<td style="border:1px solid #ddd;">展示 </td>~~
014+ <td style="border:1px solid #ddd;">展示 </td>
015- ~~<td style="border:1px solid #ddd;">文本“Color palette” </td>~~
015+ <td style="border:1px solid #ddd;">文本“Color palette” </td>
016- ~~<td style="border:1px solid #ddd;">无 </td>~~
016+ <td style="border:1px solid #ddd;">无 </td>
017- ~~</tr><tr><td style="border:1px solid #ddd;">相机 </td>~~
017+ </tr><tr><td style="border:1px solid #ddd;">相机 </td>
018- ~~<td style="border:1px solid #ddd;">摄像头取色 </td>~~
018+ <td style="border:1px solid #ddd;">摄像头取色 </td>
019- ~~<td style="border:1px solid #ddd;">“<img src="{3051.png}" alt="" />”按钮 </td>~~
019+ <td style="border:1px solid #ddd;">“<img src="{3051.png}" alt="" />”按钮 </td>
020- <td style="border:1px solid #ddd;">a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面 </td>
020+ <td style="border:1px solid #ddd;">a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面 </td>
021- ~~</tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>~~
021+ </tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>
022- ~~<td style="border:1px solid #ddd;">选择颜色 </td>~~
022+ <td style="border:1px solid #ddd;">选择颜色 </td>
023- ~~<td style="border:1px solid #ddd;">~~
023+ <td style="border:1px solid #ddd;">
024- ~~外圈为rgb调色盘，~~
024+ 外圈为rgb调色盘，
025- ~~中心为当前选中的颜色~~
025+ 中心为当前选中的颜色
026- ~~</td>~~
026+ </td>
027- ~~<td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>~~
027+ <td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>
028- ~~</tr><tr><td style="border:1px solid #DDD;">亮度 </td>~~
028+ </tr><tr><td style="border:1px solid #DDD;">亮度 </td>
029- ~~<td style="border:1px solid #DDD;">调节颜色亮度 </td>~~
029+ <td style="border:1px solid #DDD;">调节颜色亮度 </td>
030- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
030+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
031- ~~<td style="border:1px solid #DDD;">a.拉动滚动条调节颜色亮度 </td>~~
031+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色亮度 </td>
032- ~~</tr><tr><td style="border:1px solid #DDD;">饱和度 </td>~~
032+ </tr><tr><td style="border:1px solid #DDD;">饱和度 </td>
033- ~~<td style="border:1px solid #DDD;">调节颜色饱和度 </td>~~
033+ <td style="border:1px solid #DDD;">调节颜色饱和度 </td>
034- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
034+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
035- ~~<td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度 </td>~~
035+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度 </td>
036- ~~</tr><tr><td style="border:1px solid #DDD;">历史 </td>~~
036+ </tr><tr><td style="border:1px solid #DDD;">历史 </td>
037- ~~<td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>~~
037+ <td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>
038- ~~<td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>~~
038+ <td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>
039- ~~<td style="border:1px solid #DDD;">a.点击色块，选中颜色 </td>~~
039+ <td style="border:1px solid #DDD;">a.点击色块，选中颜色 </td>
040- ~~</tr><tr><td style="border:1px solid #DDD;">完成 </td>~~
040+ </tr><tr><td style="border:1px solid #DDD;">完成 </td>
041- ~~<td style="border:1px solid #DDD;">提交已选中颜色 </td>~~
041+ <td style="border:1px solid #DDD;">提交已选中颜色 </td>
042- ~~<td style="border:1px solid #DDD;">“Finish”按钮 </td>~~
042+ <td style="border:1px solid #DDD;">“Done”按钮 </td>
043- ~~<td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>~~
043+ <td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>
044- ~~</tr></tbody></table> ~~
044+ </tr></tbody></table>
2021-05-26 17:57:08, 由 夏凯英 变更。
修改了 版本号，旧值为 "3"，新值为 "4"。
修改了描述，区别为：
003- ~~2.调整颜色亮度、饱和度~~
003+ 2.调整颜色饱和度
006-
006+
028- 亮度
028+ 饱和度
029- ~~调节颜色亮度~~
029+ 调节颜色饱和度
030- ~~滚动条，默认为“100%”~~
030+ 滚动条，默认为“100%”
031- ~~a.拉动滚动条调节颜色亮度~~
031+ a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新
032- ~~饱和度~~
032+ 历史
033- ~~调节颜色饱和度~~
033+ 展示已选中颜色的历史记录
034- ~~滚动条，默认为“100%”~~
034+ 显示最近选中的8个颜色的色块
035- ~~a.拉动滚动条调节颜色饱和度~~
035+ a.点击色块，选中颜色，中心颜色进行颜色更新
036- 历史
036+ 完成
037- ~~展示已选中颜色的历史记录~~
037+ 提交已选中颜色
038- ~~显示最近选中的8个颜色的色块~~
038+ “Done”按钮
039- ~~a.点击色块，选中颜色~~
039+ a.点击按钮提交已选中颜色，返回上一级页面
040- 完成
040+
041- ~~提交已选中颜色~~
042- ~~“Done”按钮~~
043- ~~a.点击按钮提交已选中颜色，返回上一级页面~~
044-

003- ~~2.调整颜色亮度、饱和度~~
003+ 2.调整颜色饱和度
006- ~~<img src="{3583.png}" alt="" /><img src="{3584.png}" alt="" />~~
006+ <img src="{3823.png}" alt="" />
028- ~~</tr><tr><td style="border:1px solid #DDD;">亮度 </td>~~
028+ </tr><tr><td style="border:1px solid #DDD;">饱和度 </td>
029- ~~<td style="border:1px solid #DDD;">调节颜色亮度 </td>~~
029+ <td style="border:1px solid #DDD;">调节颜色饱和度 </td>
030- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
030+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
031- ~~<td style="border:1px solid #DDD;">a.拉动滚动条调节颜色亮度 </td>~~
031+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新 </td>
032- ~~</tr><tr><td style="border:1px solid #DDD;">饱和度 </td>~~
032+ </tr><tr><td style="border:1px solid #DDD;">历史 </td>
033- ~~<td style="border:1px solid #DDD;">调节颜色饱和度 </td>~~
033+ <td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>
034- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
034+ <td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>
035- ~~<td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度 </td>~~
035+ <td style="border:1px solid #DDD;">a.点击色块，选中颜色，中心颜色进行颜色更新 </td>
036- ~~</tr><tr><td style="border:1px solid #DDD;">历史 </td>~~
036+ </tr><tr><td style="border:1px solid #DDD;">完成 </td>
037- ~~<td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>~~
037+ <td style="border:1px solid #DDD;">提交已选中颜色 </td>
038- ~~<td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>~~
038+ <td style="border:1px solid #DDD;">“Done”按钮 </td>
039- ~~<td style="border:1px solid #DDD;">a.点击色块，选中颜色 </td>~~
039+ <td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>
040- ~~</tr><tr><td style="border:1px solid #DDD;">完成 </td>~~
040+ </tr></tbody></table> 
041- ~~<td style="border:1px solid #DDD;">提交已选中颜色 </td>~~
042- ~~<td style="border:1px solid #DDD;">“Done”按钮 </td>~~
043- ~~<td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>~~
044- ~~</tr></tbody></table> ~~
2021-06-28 15:40:26, 由 夏凯英 变更。
修改了 版本号，旧值为 "4"，新值为 "5"。
修改了描述，区别为：
020- ~~a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面~~
020+
021- ~~rgb调色盘~~
021+ a.点击按钮，下方弹框提示：拍摄从手机相册选择
022- ~~选择颜色~~
022+ 选择任意选项，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面
023-
023+
024- ~~外圈为rgb调色盘，~~
024+ rgb调色盘
025- ~~中心为当前选中的颜色~~
025+ 选择颜色
026-
026+
027- ~~a.点击rbg调色盘任意位置，选中此位置的颜色~~
027+ 外圈为rgb调色盘，
028- ~~饱和度~~
028+ 中心为当前选中的颜色
029- ~~调节颜色饱和度~~
029+
030- ~~滚动条，默认为“100%”~~
030+ a.点击rbg调色盘任意位置，选中此位置的颜色
031- ~~a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新~~
031+ 饱和度
032- 历史
032+ 调节颜色饱和度
033- ~~展示已选中颜色的历史记录~~
033+ 滚动条，默认为“100%”
034- ~~显示最近选中的8个颜色的色块~~
034+ a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新
035- ~~a.点击色块，选中颜色，中心颜色进行颜色更新~~
035+ 历史
036- 完成
036+ 展示已选中颜色的历史记录
037- ~~提交已选中颜色~~
037+ 显示最近选中的8个颜色的色块
038- ~~“Done”按钮~~
038+ a.点击色块，选中颜色，中心颜色进行颜色更新
039- ~~a.点击按钮提交已选中颜色，返回上一级页面~~
039+ 完成
040-
040+ 提交已选中颜色
041+ “Done”按钮
042+ a.点击按钮提交已选中颜色，返回上一级页面
043+

020- <td style="border:1px solid #ddd;">a.点击按钮进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面 </td>
020+ <td style="border:1px solid #ddd;">
021- ~~</tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>~~
021+ a.点击按钮，下方弹框提示：拍摄从手机相册选择
022- ~~<td style="border:1px solid #ddd;">选择颜色 </td>~~
022+ 选择任意选项，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面
023- ~~<td style="border:1px solid #ddd;">~~
023+ </td>
024- ~~外圈为rgb调色盘，~~
024+ </tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>
025- ~~中心为当前选中的颜色~~
025+ <td style="border:1px solid #ddd;">选择颜色 </td>
026- ~~</td>~~
026+ <td style="border:1px solid #ddd;">
027- ~~<td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>~~
027+ 外圈为rgb调色盘，
028- ~~</tr><tr><td style="border:1px solid #DDD;">饱和度 </td>~~
028+ 中心为当前选中的颜色
029- ~~<td style="border:1px solid #DDD;">调节颜色饱和度 </td>~~
029+ </td>
030- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
030+ <td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>
031- <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新 </td>
031+ </tr><tr><td style="border:1px solid #DDD;">饱和度 </td>
032- ~~</tr><tr><td style="border:1px solid #DDD;">历史 </td>~~
032+ <td style="border:1px solid #DDD;">调节颜色饱和度 </td>
033- ~~<td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>~~
033+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
034- ~~<td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>~~
034+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新 </td>
035- ~~<td style="border:1px solid #DDD;">a.点击色块，选中颜色，中心颜色进行颜色更新 </td>~~
035+ </tr><tr><td style="border:1px solid #DDD;">历史 </td>
036- ~~</tr><tr><td style="border:1px solid #DDD;">完成 </td>~~
036+ <td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>
037- ~~<td style="border:1px solid #DDD;">提交已选中颜色 </td>~~
037+ <td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>
038- ~~<td style="border:1px solid #DDD;">“Done”按钮 </td>~~
038+ <td style="border:1px solid #DDD;">a.点击色块，选中颜色，中心颜色进行颜色更新 </td>
039- ~~<td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>~~
039+ </tr><tr><td style="border:1px solid #DDD;">完成 </td>
040- ~~</tr></tbody></table> ~~
040+ <td style="border:1px solid #DDD;">提交已选中颜色 </td>
041+ <td style="border:1px solid #DDD;">“Done”按钮 </td>
042+ <td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>
043+ </tr></tbody></table>
2021-06-30 14:08:26, 由 夏凯英 变更。
修改了 版本号，旧值为 "5"，新值为 "6"。
修改了描述，区别为：
021- ~~a.点击按钮，下方弹框提示：拍摄从手机相册选择~~
021+ a.点击按钮，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面
022- ~~选择任意选项，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色】页面~~
022+
023-
023+ rgb调色盘
024- ~~rgb调色盘~~
024+ 选择颜色
025- ~~选择颜色~~
025+
026-
026+ 外圈为rgb调色盘，
027- ~~外圈为rgb调色盘，~~
027+ 中心为当前选中的颜色
028- ~~中心为当前选中的颜色~~
028+
029-
029+ a.点击rbg调色盘任意位置，选中此位置的颜色
030- ~~a.点击rbg调色盘任意位置，选中此位置的颜色~~
030+ 饱和度
031- ~~饱和度~~
031+ 调节颜色饱和度
032- ~~调节颜色饱和度~~
032+ 滚动条，默认为“100%”
033- ~~滚动条，默认为“100%”~~
033+ a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新
034- ~~a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新~~
034+ 历史
035- 历史
035+ 展示已选中颜色的历史记录
036- ~~展示已选中颜色的历史记录~~
036+ 显示最近选中的8个颜色的色块
037- ~~显示最近选中的8个颜色的色块~~
037+ a.点击色块，选中颜色，中心颜色进行颜色更新
038- ~~a.点击色块，选中颜色，中心颜色进行颜色更新~~
038+ 完成
039- 完成
039+ 提交已选中颜色
040- ~~提交已选中颜色~~
040+ “Done”按钮
041- ~~“Done”按钮~~
041+ a.点击按钮提交已选中颜色，返回上一级页面
042- ~~a.点击按钮提交已选中颜色，返回上一级页面~~
042+
043-

021- ~~a.点击按钮，下方弹框提示：拍摄从手机相册选择~~
021+ a.点击按钮，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面
022- 选择任意选项，进入【<a href="/zentao/story-view-1006.html" target="_blank" rel="noreferrer noopener">摄像头取色</a>】页面
022+ </td>
023- ~~</td>~~
023+ </tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>
024- ~~</tr><tr><td style="border:1px solid #ddd;">rgb调色盘 </td>~~
024+ <td style="border:1px solid #ddd;">选择颜色 </td>
025- ~~<td style="border:1px solid #ddd;">选择颜色 </td>~~
025+ <td style="border:1px solid #ddd;">
026- ~~<td style="border:1px solid #ddd;">~~
026+ 外圈为rgb调色盘，
027- ~~外圈为rgb调色盘，~~
027+ 中心为当前选中的颜色
028- ~~中心为当前选中的颜色~~
028+ </td>
029- ~~</td>~~
029+ <td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>
030- ~~<td style="border:1px solid #ddd;">a.点击rbg调色盘任意位置，选中此位置的颜色 </td>~~
030+ </tr><tr><td style="border:1px solid #DDD;">饱和度 </td>
031- ~~</tr><tr><td style="border:1px solid #DDD;">饱和度 </td>~~
031+ <td style="border:1px solid #DDD;">调节颜色饱和度 </td>
032- ~~<td style="border:1px solid #DDD;">调节颜色饱和度 </td>~~
032+ <td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>
033- ~~<td style="border:1px solid #DDD;">滚动条，默认为“100%” </td>~~
033+ <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新 </td>
034- <td style="border:1px solid #DDD;">a.拉动滚动条调节颜色饱和度，中心颜色根据饱和度进行颜色更新 </td>
034+ </tr><tr><td style="border:1px solid #DDD;">历史 </td>
035- ~~</tr><tr><td style="border:1px solid #DDD;">历史 </td>~~
035+ <td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>
036- ~~<td style="border:1px solid #DDD;">展示已选中颜色的历史记录 </td>~~
036+ <td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>
037- ~~<td style="border:1px solid #DDD;">显示最近选中的8个颜色的色块 </td>~~
037+ <td style="border:1px solid #DDD;">a.点击色块，选中颜色，中心颜色进行颜色更新 </td>
038- ~~<td style="border:1px solid #DDD;">a.点击色块，选中颜色，中心颜色进行颜色更新 </td>~~
038+ </tr><tr><td style="border:1px solid #DDD;">完成 </td>
039- ~~</tr><tr><td style="border:1px solid #DDD;">完成 </td>~~
039+ <td style="border:1px solid #DDD;">提交已选中颜色 </td>
040- ~~<td style="border:1px solid #DDD;">提交已选中颜色 </td>~~
040+ <td style="border:1px solid #DDD;">“Done”按钮 </td>
041- ~~<td style="border:1px solid #DDD;">“Done”按钮 </td>~~
041+ <td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>
042- ~~<td style="border:1px solid #DDD;">a.点击按钮提交已选中颜色，返回上一级页面 </td>~~
042+ </tr></tbody></table> 
043- ~~</tr></tbody></table> ~~

基本信息
需求的一生

所属产品	Start Link IoT
所属%s
所属模块	设备设备面板
所属计划
来源
来源备注
当前状态	已变更
所处阶段	主干 : 已立项
类型	功能
优先级	3
预计故事点	0sp
关键词
抄送给

由谁创建	hfwang 于 2021-02-03 18:24:06
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改	夏凯英于 0000-00-00 00:00:00

项目任务
相关信息

Startlink IoT 1.0

相关Bug	[B] #1215 调色盘面板选取任一颜色，退出后重进该页面，History一栏的颜色没有记录刚选择的颜色 [B] #1468 设备面板取色板的历史颜色，调整Saturation并点选历史颜色后，选取出来的颜色不正确
相关用例	[C] #4577 用户使用调色盘，获取设备的调色盘指定颜色 [C] #4578 用户使用调色盘，调节设备的调色盘亮度 [C] #4579 用户使用调色盘，调节设备的调色盘饱和度 [C] #4580 用户使用设备的调色盘历史颜色
相关合并请求