MDCard 移动端适配完成

前两天有朋友提反馈，说移动端浏览器布局有问题。

本来也在规划里，收到反馈后就提前做了。主要改了两个方面：预览布局，和工具栏的精简。

预览页面的变更

桌面端是左边编辑、右边预览，但手机屏幕没这个空间。所以移动端改成了底部面板的设计。

编辑器占满整个屏幕，底部留一个小横条。点一下或者往上拖，预览面板就从底部弹出来，占 70% 的屏幕高度，带毛玻璃效果，能直接看到卡片渲染的效果。

如果想看全屏效果，继续往上拖就行，预览会占满整个屏幕，左上角有个返回按钮可以退回半屏。往下拖就收起，继续编辑。

整个操作逻辑就是：写的时候全屏编辑，想看效果就拖上来，看完拖下去继续写。

工具栏的变更

桌面端工具栏空间充裕，样式、草稿、语言切换、自动保存这些按钮都摆得开。但手机上放不下，所以做了一些取舍：

• 所有按钮只保留图标，文字标签全部隐藏
• 品牌名、分隔符、状态提示文字也都收起来
• 草稿、自动保存、语言切换这些不是随时要用的功能，统一收到了右上角的「更多」菜单里

样式面板从右侧滑出来，切换主题、选布局都在这。手机上面板自动撑满全屏宽度，选好之后往右滑或点击右上角就关掉了。

移动端浏览器打开 MDCard 试试效果，有问题欢迎反馈。

PS：小程序版已经上线了，微信搜索 MDCard 直接用。