[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

设计移动端仪表板

产品中的仪表板具备完全自适应的能力,因此您无需专门设计移动端使用的仪表板。

在PC端设计器内可一键查看移动端显示效果,也可以进行自定义布局设计。

自定义移动端布局

如果未对移动端的仪表板内容做自定义的布局,在移动端将以自动布局的方式来展示仪表板的内容。

如果您对移动端展示的内容有自定义的需求,单击仪表板右下角的image2018-6-27_11-29-57.png,即可进入移动端展示编辑页面,在手机模拟器中修改布局及展示内容。

image2022-7-21_17-33-10.png

默认情况下,组件为流式布局。

image

在页面右上角可修改仪表板的显示适配方式为页面宽度适配使其按照移动端宽度适配显示原来桌面的布局。

image

在默认适配时,您还可以通过拖拽手动调整各组件之间的顺序以及调整各组件的大小。支持使用键盘上下箭头调整组件位置。

单击组件右上角的隐藏按钮可将组件隐藏,被隐藏的组件会出现在右侧。您也可以将被隐藏的组件重新拖拽至手机模拟器中。

如果要恢复初始的样式,切换适配方式即可。

image

编辑完成后可以直接单击上方的保存按钮保存更改,或单击右下角的image2018-6-27_11-43-51.png,返回大屏继续编辑页面。

image