zsw-jx-store/src/subPages/messageChild/msgChat/msgChatChild/index.scss

.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;
    }