分享一款制作“模擬朋友圈h5”場景的UI設(shè)計插件
上海/網(wǎng)頁設(shè)計師/3年前/280瀏覽
版權(quán)
分享一款制作“模擬朋友圈h5”場景的UI設(shè)計插件
介紹一款可以快速制作朋友圈h5場景的設(shè)計插件
本周編輯器上新“群聊插件”與“朋友圈插件”,可快速實現(xiàn)群聊與朋友圈場景下的趣味營銷H5內(nèi)容,下面小派給大家快速展示一下朋友圈插件效果與能力吧~
演示案例效果:
https://www.epub360.com/v2/manage/book/15q1dt/present/?markcode=wp3gc9
如何添加到畫布上?
在編輯器上方工具欄,互動組件分類下,添加“朋友圈”插件到畫布上。
朋友圈插件可通過右側(cè)懸浮面板的內(nèi)容配置、點贊評論、全局配置三個板塊進(jìn)行調(diào)整,如圖所示:
一、內(nèi)容配置
初始添加默認(rèn)有一條朋友圈內(nèi)容,可以調(diào)整頭像、昵稱、聊天消息的類型、增刪聊天消息
1、內(nèi)容調(diào)整
可調(diào)整朋友消息頭像、昵稱
2、消息類型
可選擇文本、圖片或視頻三種類型的消息切換(更多的類型在規(guī)劃迭代中)
- 文本類型:可自定義輸入文字內(nèi)容,點擊“@”可以賦值用戶微信昵稱、瀏覽量等參數(shù)變量;
- 圖片類型:可自定義1-9張圖片,超出9張外的圖是不顯示的哦;
- 視頻類型:可自定義1條視頻內(nèi)容,根據(jù)豎屏或橫屏的尺寸顯示。
3、增刪與調(diào)序
- 選中指定消息的時候,可以切換到該條消息的編輯狀態(tài);
- 按住指定消息可以上下拖拽,調(diào)整消息的排序次序;
- 點擊消息列表上的“+”,可以設(shè)置消息的觸發(fā)器;
- 點擊消息列表上的“x”,可以刪除消息內(nèi)容;
- 點擊“增加朋友圈項”,可以增加一條朋友圈內(nèi)容。
二、點贊評論
可以調(diào)整指定朋友圈內(nèi)容的點贊評論內(nèi)容
1、點贊
可通過輸入內(nèi)容調(diào)整點贊人內(nèi)容
2、評論
- 可設(shè)置“評論”和“回復(fù)”兩種模式;
- 評論模式下可設(shè)置評論人、評論內(nèi)容;
- 回復(fù)模式下可設(shè)置回復(fù)人、被回復(fù)人和回復(fù)內(nèi)容;
- 點擊“增加評論項”,可以增加一條評論內(nèi)容。
三、全局配置
可配置朋友圈插件全局內(nèi)容,包括朋友圈背景、頭像、昵稱、文本及顏色
1、朋友圈背景
可以調(diào)整用戶昵稱、頭像和背景圖,包含預(yù)覽和自定義的圖片
- 默認(rèn)勾選“使用微信頭像”,不可自定義頭像和昵稱;
- 不勾選“使用微信頭像”,可以自定義頭像和昵稱。
2、文本及顏色
可以調(diào)整用戶昵稱、朋友圈消息及評論底色的色值
以上就是本次的朋友插件分享,歡迎大家提出更多寶貴建議。
2
4
分享
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
登錄注冊
2登錄即可同步推薦記錄哦
4登錄即可加入我的收藏
評論登錄即可評論想法
分享分享

























