# 页面大纲：元素隐藏-隐藏特定元素

来源快照：`result_data_new_260518.json`

- 来源 ID：`1965207613931896493`
- 模块：低代码平台e-builder
- 目录：专题学习 - 功能点专题 - 页面图表
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

****************

************************

************1.  场景说明 ************

通常pc端和移动端的页面元素展示存在一些差异，如有些元素需要在pc端展示，而移动端则不需要，同时pc端和移动端的元素设置互不影响。

展示效果如下：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708138289954831&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

******  
******

******2.  ********功能简介**    


上述场景可以通过页面设计器元素大纲中的元素隐藏功能来实现。在pc端设置页面设置了相关元素隐藏以及位置调整，只在pc端生效，不影响移动端。同理移动端的元素隐藏和位置移动也不影响pc端。

******  
******

******3\. 操作说明******       

1\. 打开页面设计器元素大纲，右上角选定pc端页面，选中需要隐藏的元素，点击隐藏按钮，只生效pc端。  

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708138374725656&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2\. 点击移动端页面按钮，切换至移动端页面，打开左侧元素大纲列表，选中要隐藏的元素进行隐藏，同时也可以在移动端设计器面板上进行元素位置的调整，只生效移动端。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708142668808214&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

3\. 若想要将隐藏的元素恢复，则打开左侧元素大纲列表，选中需要回复的元素，点击显示按钮即可，pc端和移动端操作方法一致，且互不影响。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708142599020573&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
