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)