截屏手机框设计

1. 功能简介

插入截屏图片,您可以如下两种方式获取截屏图片。
使用设备截屏,通过摩秀直接在相册中选择取截屏图片进行插入
使用Chrome的开发者工具使用模拟设备获得各种设备的图片,通过桌面端直接插入即可

2. 使用说明

选中设备

  1. 通过下方图标进行选择
  2. 通过点击截屏外设备外框区域进行选择
应用一种默认布局
点击上部布局菜单,弹出布局选择框,选择一种布局即可。
  1. 有框:显示设备组件
  2. 无框:不显示设备组件,直接使用截图
备注:部分布局需要两个页面组合完成,您选中后会自动完成两个相邻页面的布局
选择手机设备
左上角点击小图标,在弹出菜单中选择手机,即可获得所有的桌面设备
选择平板设备
左上角点击小图标,在弹出菜单中选择平板,即可获得所有的桌面设备
选择桌面设备
左上角点击小图标,在弹出菜单中选择桌面,即可获得所有的桌面设备
有框调整为无框
样式中将透明度设置为0将隐藏设备框,但仍可编辑截屏图片

隐藏设备
调整设备的位置至图片区域外,即可实现隐藏功能
将此设备与位置应用至该组的所有页
样式应用至所有页中选择包含布局,或包含布局、背景组件,样式与布局将立即应用至所有页