vue 實現評論區表情輸入

2021-09-13 01:17:06 字數 728 閱讀 3204

一、背景

表情的輸入,由兩種方式實現,一是通過輸入unicode編碼如『\ud83c\udf36』,二是,通過選擇表情輸入,傳給後台以unicode的格式

二、效果

三、實現方式有兩種

html:

js:

export default ,  // value為表情對應的unicode碼,url為路徑]}

},methods: }}

css:

.emoji 

.emoji-container

.emoji-container li

.emoji-container li a

.emoji-container li a img

.emoji-container li a:hover

方式二:通過使用ios系統公開的表情url

html:

js:

export default        ]}

},methods: }}

css同

Vue 表情包輸入元件

乙個用於vue的表情輸入元件 emotion資料夾下emotion檔案說明 mounted emotion資料夾下index檔案說明通過迴圈列表生成表情包選擇框 class emotion box line v for line,i in list key i class emotion item ...

EditText實現輸入表情

一 簡介 edittext是textview的子類,textview能用的工具edittext都能用,這裡就是edittext利用spannablestring的imagespan實現輸入表情的功能 類結構圖 二 方法 1 edittext利用spannablestring的imagespan實現新...

微博上線新表情苦澀 評論區已「淪陷」

程式設計客棧 www.cppcns.com 8月5日 訊息 今天,微博上線了新表情 苦澀 引發了一波 苦澀 www.cppcns.com潮。在相關微博的評論區,們排隊發起了 苦澀 表情。有還將微博表情 苦澀 與微信的進行對比,rhzupowr稱比起程式設計客棧程式設計客棧微信版的,微博版還多了一絲麻...