PC端弹窗组件如何使用 · 壹佰智慧轻站V2

一、登录应用后台点击站点--pc+h5---进去站点设计页面 ![](https://img.kancloud.cn/78/1d/781dd38f005d1e42680245935f4b02e9_1896x474.png) 首先选择一个页面点击进入页面 ![](https://img.kancloud.cn/dd/99/dd997c48960880530f9c2390f6bd00bd_1896x834.png) 点击高级---弹窗--将弹窗组件拖拽至设计页面 ![](https://img.kancloud.cn/00/20/00202f1d54a18614af3113d49729c41f_1900x911.png) 二、弹窗容器设置背景图 ![](https://img.kancloud.cn/0b/ce/0bcebc7da97bdc4a244a6cbc09bfcc7c_1920x871.png) 弹窗容器上拖拽图组件并上传自己设计好的图片 ![](https://img.kancloud.cn/69/89/69892162977bbbd64588598d6cf51ec9_1919x839.png) 设置链接到---功能---关闭弹窗 ![](https://img.kancloud.cn/42/4a/424ac70feec5513c8f91d70c72ac9c63_1920x678.png) 三、弹窗设计好之后，点击关闭设置好的弹窗 ![](https://img.kancloud.cn/2a/78/2a782f2fdd4afc7d24709843ddc204c5_1917x838.png) 点击页面--弹窗，可以重新打开自己设计好的弹窗 ![](https://img.kancloud.cn/98/0e/980e9361c2291d47091b7b7c679dbe62_1616x841.png) 四、在任意一个页面，找一个组件设置链接 ![](https://img.kancloud.cn/a6/b6/a6b66dd45e6012b7638e2e37b580386f_1920x780.png) 设置链接---功能---显示弹窗 ![](https://img.kancloud.cn/05/42/054244387dc604791ce2cf4c2c716451_1919x821.png) 选择自己设计好的弹窗，保存 ![](https://img.kancloud.cn/01/28/01284ab6a8898b06fe2d15db39431986_1919x893.png) 五、保存之后，点击预览看效果 ![](https://img.kancloud.cn/a1/7e/a17e80038d222f21fe8f21252d2f50c6_1916x855.png) ![](https://img.kancloud.cn/d6/00/d600fae1dcd3d7be1026f8a594bb464b_1909x900.png) 点击弹窗容器上的图片，可以关闭弹窗 ![](https://img.kancloud.cn/2c/86/2c86648db238d8fb66547424b97e9c16_1674x793.png)