设计规范 - 图1

    易混淆组件:

    组件 气泡卡片(带操作) 弹窗 抽屉 跳转页面
    样式 截屏2022-08-10 上午11.55.10.png 截屏2022-08-10 上午11.54.32.png 截屏2022-08-10 上午11.50.24.png
    承载内容 🌟🌟 🌟🌟🌟 🌟🌟🌟🌟 🌟🌟🌟🌟🌟
    尺寸 根据内容确定 宽度:小/中 /大
    高度:定义最小、最大高度/自适应(固定边距/百分比)
    宽度:根据内容确定
    高度:通栏
    -
    优点 有指向性;
    完全没有割裂感;
    任务割裂感小;
    (没有跳出父级页面,任务完成后仍然会留在父级页面)
    信息承载量大;
    任务割裂感小;
    内容承载量大,可承载复杂的任务
    缺点 内容承载很小 内容承载有限
    多个弹窗叠加
    尺寸灵活度低,内容少的时候很空 任务割裂感强
    组件 轻提示 通知提示 警告提示
    样式 截屏2022-08-10 上午11.31.10.png 截屏2022-08-10 上午11.32.39.png 截屏2022-08-10 上午11.34.16.png
    重要程度 🌟 🌟 🌟🌟
    承载内容 尽量简洁、20字以内 较复杂,可承载按钮、链接等 较复杂,可承载按钮、链接等
    位置 页面上方中央(内容层之上) 无限制(内容层之上) 内容上方(内容层)
    停留时长 2~3s自动消失 5~8s自动消失/主动关闭 主动关闭/自动消失
    出现机制 用户操作后的被动反馈(常伴随页面变化) 用户操作后的被动反馈/系统主动推送 用户操作后的被动反馈/系统主动推送