first commit
This commit is contained in:
594
src/subPages/messageChild/msgChat/msgChatChild/index.scss
Normal file
594
src/subPages/messageChild/msgChat/msgChatChild/index.scss
Normal file
@@ -0,0 +1,594 @@
|
||||
.chat-input-bar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #f8f8f8;
|
||||
padding: 0 15rpx;
|
||||
height: 110rpx;
|
||||
border-top: 2rpx solid rgb(221, 221, 221);
|
||||
box-sizing: border-box;
|
||||
|
||||
justify-content: space-between;
|
||||
width: 750rpx;
|
||||
}
|
||||
|
||||
.xc-icon {
|
||||
width: 70rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.chat-input-root {
|
||||
padding: 10rpx;
|
||||
background-color: rgb(255, 255, 255);
|
||||
box-sizing: border-box;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.chat-input {
|
||||
width: 416rpx;
|
||||
// max-height: 300rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.chat-emoji-border,
|
||||
.chat-input-send {
|
||||
margin: 10rpx 10rpx 10rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 10rpx 0rpx;
|
||||
width: 60rpx;
|
||||
}
|
||||
.chat-emoji-border {
|
||||
display: flex;
|
||||
}
|
||||
.chat-input-send {
|
||||
background-color: #05c160;
|
||||
padding: 10rpx 30rpx;
|
||||
width: 100rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.chat-emoji {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
.chat-input-send-text {
|
||||
color: white;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.jx-popup-update {
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx;
|
||||
background-color: #fff;
|
||||
border-radius:15rpx;
|
||||
width: 94vw;
|
||||
|
||||
.text {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 25rpx;
|
||||
padding-bottom: 10rpx;
|
||||
border-bottom: 2rpx solid rgb(209, 209, 209);
|
||||
}
|
||||
|
||||
.goodCard_name{
|
||||
margin:20rpx 0
|
||||
}
|
||||
|
||||
.btn-root {
|
||||
text-align: center;
|
||||
margin: 40rpx 0 0rpx 0;
|
||||
.btn-ok {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding: 15rpx 0;
|
||||
border-radius: 10rpx;
|
||||
border: 2rpx solid $jx-primary;
|
||||
color: $jx-primary;
|
||||
}
|
||||
|
||||
.btn-ok {
|
||||
background-color: $jx-primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*************************************************
|
||||
* emoji表情配置
|
||||
*/
|
||||
.emoji-select,.emoji-box{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.emoji-select{
|
||||
justify-content: space-around;
|
||||
overflow: hidden;
|
||||
height:400rpx;
|
||||
overflow-y: auto;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.emoji-select::after{
|
||||
content: '';
|
||||
width: 100rpx;
|
||||
border:2rpx solid transparent;
|
||||
}
|
||||
|
||||
.emoji-border{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// .emoji-display{
|
||||
// width:50px;
|
||||
// height:50px;
|
||||
// background-size: 490px 730px; //设置背景图片的大小，相当于图片实际宽高等比例饿缩放的
|
||||
// }
|
||||
.emoji-display,.emoji-img{
|
||||
width:30px;
|
||||
height:30px;
|
||||
background-size: 245px 365px; //设置背景图片的大小，相当于图片实际宽高等比例饿缩放的
|
||||
}
|
||||
|
||||
.emoji-display,.emoji-img{
|
||||
// background-image: url(https://image.jxc4.com/image/2321c0f65268145cef711cf3b8195b9b.jpg);
|
||||
background-image: url(https://image.jxc4.com/image/2aa6a9355bbb5c9fd60418d7b53e4227.tem.png);
|
||||
background-repeat: no-repeat;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 微笑
|
||||
.emoji-smile{
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
// 撇嘴
|
||||
.emoji-pieMouth{
|
||||
background-position: -30px 0px;
|
||||
}
|
||||
|
||||
// 色
|
||||
.emoji-tity{
|
||||
background-position: -60px 0px;
|
||||
}
|
||||
|
||||
// 发呆
|
||||
.emoji-asleep{
|
||||
background-position: -90px 0px;
|
||||
}
|
||||
|
||||
// 得意
|
||||
.emoji-complacent{
|
||||
background-position: -120px 0px;
|
||||
}
|
||||
|
||||
// 流泪
|
||||
.emoji-shedTears{
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
// 害羞
|
||||
.emoji-shy{
|
||||
background-position: -180px 0px;
|
||||
}
|
||||
|
||||
// 闭嘴
|
||||
.emoji-shutUp{
|
||||
background-position: -210px 0px;
|
||||
}
|
||||
|
||||
// 睡
|
||||
.emoji-sleep{
|
||||
background-position: 0px -30px;
|
||||
}
|
||||
|
||||
// 大哭
|
||||
.emoji-bigCry{
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
// 尴尬
|
||||
.emoji-awkward{
|
||||
background-position: -60px -30px;
|
||||
}
|
||||
|
||||
// 发怒
|
||||
.emoji-flareUp{
|
||||
background-position: -90px -30px;
|
||||
}
|
||||
|
||||
// 调皮
|
||||
.emoji-naughty{
|
||||
background-position: -120px -30px;
|
||||
}
|
||||
|
||||
// 呲牙
|
||||
.emoji-bareTeeth{
|
||||
background-position: -150px -30px;
|
||||
}
|
||||
|
||||
// 惊讶
|
||||
.emoji-amazed{
|
||||
background-position: -180px -30px;
|
||||
}
|
||||
|
||||
// 难过
|
||||
.emoji-feelSorry{
|
||||
background-position: -210px -30px;
|
||||
}
|
||||
|
||||
// 酷
|
||||
.emoji-cool{
|
||||
background-position: 0px -60px;
|
||||
}
|
||||
|
||||
// 囧
|
||||
.emoji-orz{
|
||||
background-position: -30px -60px;
|
||||
}
|
||||
|
||||
// 抓狂
|
||||
.emoji-crazy{
|
||||
background-position: -60px -60px;
|
||||
}
|
||||
|
||||
// 吐
|
||||
.emoji-vomit{
|
||||
background-position: -90px -60px;
|
||||
}
|
||||
|
||||
// 偷笑
|
||||
.emoji-titter{
|
||||
background-position: -120px -60px;
|
||||
}
|
||||
|
||||
// 愉快
|
||||
.emoji-happy{
|
||||
background-position: -150px -60px;
|
||||
}
|
||||
|
||||
// 白眼
|
||||
.emoji-whiteEye{
|
||||
background-position: -180px -60px;
|
||||
}
|
||||
|
||||
// 傲慢
|
||||
.emoji-arrogance{
|
||||
background-position: -210px -60px;
|
||||
}
|
||||
|
||||
// 饥饿
|
||||
.emoji-hunger{
|
||||
background-position: -0px -90px;
|
||||
}
|
||||
|
||||
// 困
|
||||
.emoji-tired{
|
||||
background-position: -30px -90px;
|
||||
}
|
||||
|
||||
// 惊恐
|
||||
.emoji-terrified{
|
||||
background-position: -60px -90px;
|
||||
}
|
||||
|
||||
// 流汗
|
||||
.emoji-sweat{
|
||||
background-position: -90px -90px;
|
||||
}
|
||||
|
||||
// 憨笑
|
||||
.emoji-smileFatuously{
|
||||
background-position: -120px -90px;
|
||||
}
|
||||
|
||||
// 悠闲
|
||||
.emoji-easy{
|
||||
background-position: -150px -90px;
|
||||
}
|
||||
|
||||
// 奋斗
|
||||
.emoji-struggle{
|
||||
background-position: -180px -90px;
|
||||
}
|
||||
|
||||
// 咒骂
|
||||
.emoji-swear{
|
||||
background-position: -210px -90px;
|
||||
}
|
||||
|
||||
// 疑问
|
||||
.emoji-query{
|
||||
background-position: -0px -120px;
|
||||
}
|
||||
|
||||
// 嘘
|
||||
.emoji-hiss{
|
||||
background-position: -30px -120px;
|
||||
}
|
||||
|
||||
// 晕
|
||||
.emoji-giddy{
|
||||
background-position: -60px -120px;
|
||||
}
|
||||
|
||||
// 疯了
|
||||
.emoji-insane{
|
||||
background-position: -90px -120px;
|
||||
}
|
||||
|
||||
// 衰
|
||||
.emoji-decline{
|
||||
background-position: -120px -120px;
|
||||
}
|
||||
|
||||
// 骷髅
|
||||
.emoji-skull{
|
||||
background-position: -150px -120px;
|
||||
}
|
||||
|
||||
// 敲打
|
||||
.emoji-beat{
|
||||
background-position: -180px -120px;
|
||||
}
|
||||
|
||||
// 再见
|
||||
.emoji-goodbye{
|
||||
background-position: -210px -120px;
|
||||
}
|
||||
|
||||
// 擦汗
|
||||
.emoji-wipePerspiration{
|
||||
background-position: -0px -150px;
|
||||
}
|
||||
|
||||
// 抠鼻
|
||||
.emoji-pickNose{
|
||||
background-position: -30px -150px;
|
||||
}
|
||||
|
||||
// 鼓掌
|
||||
.emoji-applaud{
|
||||
background-position: -60px -150px;
|
||||
}
|
||||
|
||||
// 糗大了
|
||||
.emoji-embarrassed{
|
||||
background-position: -90px -150px;
|
||||
}
|
||||
|
||||
// 坏笑
|
||||
.emoji-snicker{
|
||||
background-position: -120px -150px;
|
||||
}
|
||||
|
||||
// 左哼哼
|
||||
.emoji-leftHum{
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
// 右哼哼
|
||||
.emoji-rightHum{
|
||||
background-position: -180px -150px;
|
||||
}
|
||||
|
||||
// 哈欠
|
||||
.emoji-yawn{
|
||||
background-position: -210px -150px;
|
||||
}
|
||||
|
||||
// 鄙视
|
||||
.emoji-disdain{
|
||||
background-position: 0px -180px;
|
||||
}
|
||||
|
||||
// 委屈
|
||||
.emoji-grievance{
|
||||
background-position: -30px -180px;
|
||||
}
|
||||
|
||||
// 快哭了
|
||||
.emoji-cring{
|
||||
background-position: -60px -180px;
|
||||
}
|
||||
|
||||
// 阴险
|
||||
.emoji-cattiness{
|
||||
background-position: -90px -180px;
|
||||
}
|
||||
|
||||
// 亲亲
|
||||
.emoji-kiss{
|
||||
background-position: -120px -180px;
|
||||
}
|
||||
|
||||
// 吓
|
||||
.emoji-threaten{
|
||||
background-position: -150px -180px;
|
||||
}
|
||||
|
||||
// 可怜
|
||||
.emoji-pitiful{
|
||||
background-position: -180px -180px;
|
||||
}
|
||||
|
||||
// 菜刀
|
||||
.emoji-kitchenKnife{
|
||||
background-position: -210px -180px;
|
||||
}
|
||||
|
||||
// 西瓜
|
||||
.emoji-watermelon{
|
||||
background-position: 0px -210px;
|
||||
}
|
||||
|
||||
// 啤酒
|
||||
.emoji-beer{
|
||||
background-position: -30px -210px;
|
||||
}
|
||||
|
||||
// 篮球
|
||||
.emoji-basketball{
|
||||
background-position: -60px -210px;
|
||||
}
|
||||
|
||||
// 乒乓
|
||||
.emoji-ping-pong{
|
||||
background-position: -90px -210px;
|
||||
}
|
||||
|
||||
// 咖啡
|
||||
.emoji-coffee{
|
||||
background-position: -120px -210px;
|
||||
}
|
||||
|
||||
// 饭
|
||||
.emoji-rice{
|
||||
background-position: -150px -210px;
|
||||
}
|
||||
|
||||
// 猪头
|
||||
.emoji-pigHead{
|
||||
background-position: -180px -210px;
|
||||
}
|
||||
|
||||
// 玫瑰
|
||||
.emoji-rose{
|
||||
background-position: -210px -210px;
|
||||
}
|
||||
|
||||
// 凋谢
|
||||
.emoji-fade{
|
||||
background-position: 0px -240px;
|
||||
}
|
||||
|
||||
// 嘴唇
|
||||
.emoji-lip{
|
||||
background-position: -30px -240px;
|
||||
}
|
||||
|
||||
// 爱心
|
||||
.emoji-love{
|
||||
background-position: -60px -240px;
|
||||
}
|
||||
|
||||
// 心碎
|
||||
.emoji-heartbreak{
|
||||
background-position: -90px -240px;
|
||||
}
|
||||
|
||||
// 蛋糕
|
||||
.emoji-cake{
|
||||
background-position: -120px -240px;
|
||||
}
|
||||
|
||||
// 闪电
|
||||
.emoji-lightning{
|
||||
background-position: -150px -240px;
|
||||
}
|
||||
|
||||
// 炸弹
|
||||
.emoji-bombs{
|
||||
background-position: -180px -240px;
|
||||
}
|
||||
|
||||
// 刀
|
||||
.emoji-knife{
|
||||
background-position: -210px -240px;
|
||||
}
|
||||
|
||||
// 足球
|
||||
.emoji-soccer{
|
||||
background-position: 0px -270px;
|
||||
}
|
||||
|
||||
// 瓢虫
|
||||
.emoji-ladybird{
|
||||
background-position: -30px -270px;
|
||||
}
|
||||
|
||||
// 便便
|
||||
.emoji-excrement{
|
||||
background-position: -60px -270px;
|
||||
}
|
||||
|
||||
// 月亮
|
||||
.emoji-moon{
|
||||
background-position: -90px -270px;
|
||||
}
|
||||
|
||||
// 太阳
|
||||
.emoji-sun{
|
||||
background-position: -120px -270px;
|
||||
}
|
||||
|
||||
// 礼物
|
||||
.emoji-gift{
|
||||
background-position: -150px -270px;
|
||||
}
|
||||
|
||||
// 拥抱
|
||||
.emoji-embrace{
|
||||
background-position: -180px -270px;
|
||||
}
|
||||
|
||||
// 强
|
||||
.emoji-strong{
|
||||
background-position: -210px -270px;
|
||||
}
|
||||
|
||||
// 弱
|
||||
.emoji-weak{
|
||||
background-position: 0px -300px;
|
||||
}
|
||||
|
||||
// 握手
|
||||
.emoji-handshake{
|
||||
background-position: -30px -300px;
|
||||
}
|
||||
|
||||
// 胜利
|
||||
.emoji-victory{
|
||||
background-position: -60px -300px;
|
||||
}
|
||||
|
||||
// 抱拳
|
||||
.emoji-holdFist{
|
||||
background-position: -90px -300px;
|
||||
}
|
||||
|
||||
// 勾引
|
||||
.emoji-seduce{
|
||||
background-position: -120px -300px;
|
||||
}
|
||||
|
||||
// 拳头
|
||||
.emoji-fist{
|
||||
background-position: -150px -300px;
|
||||
}
|
||||
|
||||
// 差劲
|
||||
.emoji-bad{
|
||||
background-position: -180px -300px;
|
||||
}
|
||||
|
||||
// 爱你
|
||||
.emoji-loveYou{
|
||||
background-position: -210px -300px;
|
||||
}
|
||||
|
||||
// NO
|
||||
.emoji-no{
|
||||
background-position: 0px -330px;
|
||||
}
|
||||
|
||||
// OK
|
||||
.emoji-ok{
|
||||
background-position: -30px -330px;
|
||||
}
|
||||
Reference in New Issue
Block a user