3）在Fiori规范中，手机端的按钮是等分居中摆放，但是在电脑端采用右对齐
3. 弹窗的关闭入口
对于模态和非模态的关闭方式，从根本上说是很不同的。
对于模态弹窗，它的关闭方式只有做出选项选择后弹窗才会消失， 包括“取消”选项。 而非模态弹窗的关闭方式就很多了，总结下来有四种方式:
1)关闭按钮(叉叉)
通常是位于右上角，少数规范把关闭按钮放在左上角，只要保持一致即可。
2)取消按钮
通常和“确认”或者其他推进任务完成的动作按钮放在一起，成对出现。
3)ESC键
敲击ESC键，也可以退出非模态弹窗。 Esc键是英文单词escape的缩写， 在1960年由IBM的一位程序员创建，它的功能是“撤销”、“退出”。
尽管如今使用鼠标进行交互的人占绝大多数，但是出于无障碍设计(包容性设计)的需要， 通过键盘完成交互是必不可少的，所以ESC按钮也是必需的。
而且这类快捷键上的优化能够大大提升用户使用效率，减轻用户的操作成本。
尤其在B端产品中，调用键盘进行操作优化，是一个不可忽视的用户爽点。
4)点击遮罩区域
遮罩区域就是弹窗背后的内容区，通常为了使用户更聚焦会加上一层暗色遮罩，当用户点击遮罩区域后，非模态弹窗会自动消失，不过为了避免用户误触，如果弹窗是表单等需要用户输入的内容时，这些内容要自动保存。
对于“取消”和“关闭”按钮，这里想要再阐述更清楚一些:先举个生活中常见的例子，假设你有一个爱问十万个为什么的小孩，你正在津津有味地追剧，结果他跑过来问你问题，他还没张口呢，你就捂住耳朵不听不听，这个呢就相当于弹窗右上角的关闭按钮(叉叉)，不过关闭按钮仅仅存在于非模态弹窗中，用户可以不做任何选择地关掉弹窗，而模态弹窗要求用户必须做出某种选择，不给用户逃避的机会，所以模态弹窗是没有关闭按钮的。
然后小孩问你是鸡生蛋还是蛋生鸡，你听了这个问题也不知道怎么解释，只能和小孩说，这个问题我也不知道怎么回答，这个就相当于弹窗的“取消”按钮。
虽然“取消”按钮和关闭按钮(叉叉)最终都会导致弹窗关闭，但是从逻辑上而言，是不同的。
