银花优选微信小程序修改后的最新版本代码

pages/mykf/index.js

@@ -0,0 +1,272 @@
+var app = getApp()
+var that=null
+var sopenFrame=null
+var WxParse = null
+Page( {
+  data: {
+    body:"",
+    ifshowemojicons:false,
+    vertical:false,
+    t:0,
+    image:"",
+    addpic:"../../images/add.png",
+    savebutton:"发送",
+    images1:[{"datas":[{"key":"[微笑]","image":"1.png"},{"key":"[憋嘴]","image":"2.png"},{"key":"[色]","image":"3.png"},{"key":"[发呆]","image":"4.png"},{"key":"[得意]","image":"5.png"},{"key":"[流泪]","image":"6.png"},{"key":"[害羞]","image":"7.png"},{"key":"[闭嘴]","image":"8.png"},{"key":"[睡]","image":"9.png"},{"key":"[大哭]","image":"10.png"},{"key":"[尴尬]","image":"11.png"},{"key":"[发怒]","image":"12.png"},{"key":"[调皮]","image":"13.png"},{"key":"[呲牙]","image":"14.png"},{"key":"[惊讶]","image":"15.png"},{"key":"[难过]","image":"16.png"},{"key":"[酷]","image":"17.png"},{"key":"[冷汗]","image":"18.png"},{"key":"[抓狂]","image":"19.png"},{"key":"[吐]","image":"20.png"},{"key":"[偷笑]","image":"21.png"},{"key":"[愉快]","image":"22.png"},{"key":"[白眼]","image":"23.png"},{"key":"[傲慢]","image":"24.png"},{"key":"[饥饿]","image":"25.png"},{"key":"[困]","image":"26.png"},{"key":"[惊恐]","image":"27.png"},{"key":"[流汗]","image":"28.png"},{"key":"[憨笑]","image":"29.png"},{"key":"[悠闲]","image":"30.png"},{"key":"[奋斗]","image":"31.png"},{"key":"[咒骂]","image":"32.png"},{"key":"[疑问]","image":"33.png"}]},{"datas":[{"key":"[嘘]","image":"34.png"},{"key":"[晕]","image":"35.png"},{"key":"[疯了]","image":"36.png"},{"key":"[哀]","image":"37.png"},{"key":"[骷髅]","image":"38.png"},{"key":"[敲打]","image":"39.png"},{"key":"再见]","image":"40.png"},{"key":"[擦汗]","image":"41.png"},{"key":"[抠鼻]","image":"42.png"},{"key":"[鼓掌]","image":"43.png"},{"key":"[糗大了]","image":"44.png"},{"key":"[坏笑]","image":"45.png"},{"key":"[左哼哼]","image":"46.png"},{"key":"[右哼哼]","image":"47.png"},{"key":"[哈欠]","image":"48.png"},{"key":"[鄙视]","image":"49.png"},{"key":"[委屈]","image":"50.png"},{"key":"[快哭了]","image":"51.png"},{"key":"[阴险]","image":"52.png"},{"key":"[亲亲]","image":"53.png"},{"key":"[吓]","image":"54.png"},{"key":"[可怜]","image":"55.png"},{"key":"[菜刀]","image":"56.png"},{"key":"[西瓜]","image":"57.png"},{"key":"[啤酒]","image":"58.png"},{"key":"[篮球]","image":"59.png"},{"key":"[乒乓]","image":"60.png"},{"key":"咖啡]","image":"61.png"},{"key":"[饭]","image":"62.png"},{"key":"[猪头]","image":"63.png"},{"key":"[玫瑰]","image":"64.png"},{"key":"[凋谢]","image":"65.png"}]},{"datas":[{"key":"[嘴唇]","image":"65.png"},{"key":"[爱心]","image":"67.png"},{"key":"[心碎]","image":"68.png"},{"key":"[蛋糕]","image":"69.png"},{"key":"[闪电]","image":"70.png"},{"key":"[炸弹]","image":"71.png"},{"key":"[刀]","image":"72.png"},{"key":"[足球]","image":"73.png"},{"key":"[瓢虫]","image":"74.png"},{"key":"[便便]","image":"75.png"},{"key":"[月亮]","image":"76.png"},{"key":"[太阳]","image":"77.png"},{"key":"[礼物]","image":"78.png"},{"key":"[拥抱]","image":"79.png"},{"key":"[强]","image":"80.png"},{"key":"[弱]","image":"81.png"},{"key":"[握手]","image":"82.png"},{"key":"[胜利]","image":"83.png"},{"key":"[抱拳]","image":"84.png"},{"key":"[勾引]","image":"85.png"},{"key":"[拳头]","image":"86.png"},{"key":"[差劲]","image":"87.png"},{"key":"[爱你]","image":"88.png"},{"key":"[NO]","image":"89.png"},{"key":"[OK]","image":"90.png"},{"key":"[爱情]","image":"91.png"},{"key":"[飞吻]","image":"92.png"},{"key":"[跳跳]","image":"93.png"},{"key":"[发抖]","image":"94.png"},{"key":"[怄火]","image":"95.png"},{"key":"[转圈]","image":"96.png"},{"key":"[磕头]","image":"97.png"},{"key":"[回头]","image":"98.png"},{"key":"[跳绳]","image":"99.png"},{"key":"[投降]","image":"100.png"},{"key":"[激动]","image":"101.png"},{"key":"[街舞]","image":"102.png"},{"key":"[献吻]","image":"103.png"},{"key":"[左太极]","image":"104.png"},{"key":"[右太极]","image":"105.png"}]}],
+    loadingHidden:false,
+    Start:0,
+    datas: []
+  },
+  onLoad: function() {
+      that = this
+      WxParse = require('../../wxParse/wxParse.js');
+      that.rdata(0)
+    },onPullDownRefresh: function () {
+      //在当前页面显示导航条加载动画
+       wx.showNavigationBarLoading(); 
+      //显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
+      wx.showLoading({
+          title: '刷新中...',
+      })
+      that.clearCache();
+      that.rdata(1);
+  }, // 页面上拉触底事件（上拉加载更多）
+  onReachBottom: function () {
+    that.setData({
+      loadingHidden:false
+      }); 
+      that.rdata(2);//后台获取新数据并追加渲染
+  },// 清缓存
+  clearCache:function(){
+     that.setData({
+          datas: [],
+          Start: 0,
+          loadingHidden:false
+     }); 
+ },rdata: function(t) {
+  var userId = wx.getStorageSync("userId")
+  var LoginId = wx.getStorageSync("LoginId")
+      var userInfodata = wx.getStorageSync("userInfo")
+      var userInfo = JSON.parse(userInfodata)
+      if(userId&&LoginId){
+        wx.request({
+          url: app.globalData.apiurl + "/xapiajax.ashx", 
+          data: {
+            action:"getchatlist",
+             userId:(!userId?"":userId),
+             LoginId:(!LoginId?"":LoginId),
+             ttype:0,
+             Start:that.data.Start
+          },
+          method:"GET",
+          dataType:"json", 
+          header: { 
+            "content-type": "application/json" // 默认值
+          },
+          success (res) {
+          
+                var tmpArr = null;
+                tmpArr = that.data.datas;
+                tmpArr.push.apply(tmpArr,res.data.data);
+                that.setData({
+                     datas: tmpArr,
+                     Start: that.data.Start+res.data.data.length,
+                     loadingHidden:true
+                })
+                for (var i = 0; i < that.data.datas.length; i++) {
+                  WxParse.wxParse('content' + i, 'html', that.data.datas[i].content, that);
+                  if (i == (that.data.datas.length - 1)) {
+                    WxParse.wxParseTemArray("contentArr", 'content', that.data.datas.length, that)
+                  }
+                }
+              }
+         });
+       } 
+       if(t==1){
+        //隐藏loading 提示框
+        wx.hideLoading();
+        //隐藏导航条加载动画
+        wx.hideNavigationBarLoading();
+        //停止下拉刷新
+        wx.stopPullDownRefresh();
+      }
+    },onkeyupbody: function(e) {
+      that.setData({
+        body:e.detail.value
+      })
+    },inaddcart: function(e) {
+       
+    },showemojicons: function(e) {
+      that.setData({
+        ifshowemojicons:true
+      })
+    },closeshowemojicons: function(e) {
+      that.setData({
+        ifshowemojicons:false
+      })
+    },onemojicons: function(e) {
+      var id = e.currentTarget.dataset.id
+      that.setData({
+        body:that.data.body+id,
+        ifshowemojicons:false
+      })
+    },
+    swiperchange0: function(e) {
+        //console.log(e.detail.current)
+    },bsubmit:function(e) {
+      that.setData({
+        t:0
+      })
+      that.sendmsg();
+    },uploadpic:function(e) {
+      if(that.data.addpic=="../../images/ajaxLoader.gif"){
+        wx.showToast({
+          title: "正在上传中...",
+          icon: "none",
+          duration: 3000
+         })
+      }else{
+      wx.chooseImage({
+        count: 1,
+        sizeType: ['original'],
+        sourceType: ['album', 'camera'],
+        success (res) {
+              const tempFilePaths = res.tempFilePaths;
+              var userId = wx.getStorageSync("userId")
+              var LoginId = wx.getStorageSync("LoginId")
+              that.setData({
+                  addpic:"../../images/ajaxLoader.gif"
+              })
+              wx.uploadFile({
+                url: app.globalData.apiurl + "/xapiajax.ashx", //仅为示例，非真实的接口地址
+                filePath: tempFilePaths[0],
+                name: 'image',
+                formData: {
+                  action:"uploadtempImage",
+                  userId:(!userId?"":userId),
+                  LoginId:(!LoginId?"":LoginId) 
+                },
+                success (res0){
+                    var data=JSON.parse(res0.data);
+                    
+                   
+                    if(data.status==1){
+                      wx.showToast({
+                        title: data.msg,
+                        icon: "success",
+                        duration: 1000
+                      })
+                         that.setData({
+                             image:data.pic,
+                             t:2
+                        })
+                        that.sendmsg();
+                    }else{
+                      wx.showToast({
+                        title: data.msg,
+                        icon: "none",
+                        duration: 2000
+                    })
+                    that.setData({
+                      addpic:"../../images/add.png"
+                    })
+                    }
+                    
+                }
+              });
+        }
+      })
+    }
+
+    },sendmsg:function() {
+    
+      var b=true
+      var body = (that.data.t==0?that.data.body:that.data.image);
+      if(b){
+        if(body==""){
+           b=false
+           wx.showToast({
+              title: "内容不能为空！",
+              icon: "none",
+              duration: 3000
+           })
+         }
+      }
+      if(b){
+        if(that.data.t==0){
+            if(that.data.savebutton!="发送"){
+                b=false
+            }
+        }else{
+          if(that.data.addpic!="../../images/ajaxLoader.gif"){
+            b=false
+           }
+        }
+      }
+      if(b){
+        if(that.data.ttype==0){
+          that.setData({
+             savebutton:"发送中"
+         })
+      }
+      var userId = wx.getStorageSync("userId")
+      var LoginId = wx.getStorageSync("LoginId")
+      wx.request({
+        url: app.globalData.apiurl + "/xapiajax.ashx", 
+        data: { 
+           action:"sendmsg",
+           userId:(!userId?"":userId),
+           LoginId:(!LoginId?"":LoginId),
+           body:body,
+           ttype:0,
+           t:that.data.t
+        },
+        method:"POST",
+        dataType:"json", 
+        header: { 
+          "content-type": "application/x-www-form-urlencoded" // 默认值
+        },
+        success (res) { 
+          
+          if(res.data.status==1){
+            wx.showToast({
+              title: res.data.msg,
+              icon: "success",
+              duration: 3000
+             })
+             if(that.data.t==0){
+               that.setData({
+                body:""
+               })
+             }else{
+              that.setData({
+                image:"",
+                addpic:"./../images/add.png"
+               })
+             }
+             that.clearCache();
+             that.rdata(1);
+          }else{
+             wx.showToast({
+              title: res.data.msg,
+              icon: "none",
+              duration: 3000
+             })
+          }
+          if(that.data.t==0){
+            that.setData({
+              savebutton:"发送"
+            })
+          }
+          }
+      })
+    }
+    },onviewimage:function(e) {
+      var src=e.currentTarget.dataset.id; 
+      var imgList=new Array(); 
+      imgList[0]=src;
+      wx.previewImage({
+          urls: imgList,
+          current:imgList[0] 
+      })
+  }
+})

pages/mykf/index.json

@@ -0,0 +1,3 @@
+{
+    "navigationBarTitleText": "客服中心"
+}

pages/mykf/index.wxml

@@ -0,0 +1,65 @@
+
+<import src="../../wxParse/wxParse.wxml"/> 
+<view class="container">
+
+  <view class="info_list">
+    <view  wx:for="{{datas}}" wx:for-index="index" wx class="demo-container{{item.userid == 0?'-right':''}}  demo-container-box">
+          <view class="demo-container-time-box"><view>{{item.addtime}} </view>
+          </view>
+          <view class="demo-container-box-to">
+               <view wx:if="{{item.userid>0}}" class="demo-container-left-box">
+                    <image src='{{item.avatar==""?"../../images/logo.png":item.avatar}}'/>
+                </view>
+               <view class="demo-container-right-box">
+                     <view class="webui-popover">
+                           <view class="webui-popover-content">
+                             <image wx:if="{{item.CategoryId==2}}" bindtap="onviewimage"  src="{{item.content}}" data-id="{{item.content}}" />
+                             <view wx:if="{{item.CategoryId==0}}" class="content"><template is="wxParse" data="{{wxParseData:contentArr[index]}}"/></view>
+                           </view>
+                         <view wx:if="{{item.CategoryId==0}}" class="webui-popover-ico"></view>
+                     </view>
+                   <view wx:if="{{item.userid==0}}" class="demo-container-left-box">
+                       <image src="{{item.avatar}}"/>
+                    </view>
+                </view>
+           </view>
+        </view>
+  </view>
+</view>
+  <view class="footer">
+    <view class="ub addchatbox">
+            <view class="ub-f1 addbody">
+                <textarea type="text" name="addbody" placeholder="想说点什么呢?" placeholder-class="body_placeholder" bindinput="onkeyupbody" confirm-type="send" value="{{body}}" ></textarea>
+            </view>
+            <view class="addabtn" bindtap="showemojicons"><image src="../../images/emojicons/14.png" /></view>
+            <view wx:if="{{body==''}}" class="mybtn addabtn" bindtap="uploadpic">
+    <image src="{{addpic}}" />
+   
+</view>
+            <view  wx:if="{{body!=''}}" class="mybtn addabtn0" bindtap="bsubmit">{{savebutton}}</view>
+        </view>
+    </view>
+
+    <view class="Hidden_box" bindtap="closeshowemojicons" wx:if="{{ifshowemojicons}}">
+        <view class="Hidden_box_to showemojicons_box" catchtap="inaddcart">
+            <view class="close" bindtap="closeshowemojicons"><image src="../../images/close.png" /></view>
+           
+<view class="select_box_title">
+  插入表情
+</view>
+    <view class="select_box">
+      <swiper class="swiper_box0" indicator-dots="true" vertical="{{vertical}}"  circular="true" 
+                autoplay="true" interval="8000" duration="1000" bindchange="swiperchange0">
+                <swiper-item wx:for="{{images1}}">
+         <view class="emojicons" wx:for="{{item.datas}}" wx:for-item="cell" wx:for-index="index0" bindtap="onemojicons" data-id='{{cell.key}}'>
+           <image src="../../images/emojicons/{{cell.image}}"></image>
+         </view> 
+        </swiper-item>
+        </swiper> 
+           
+</view>
+</view>
+</view>
+<loading hidden="{{loadingHidden}}">
+        加载中...
+    </loading> 

pages/mykf/index.wxss

@@ -0,0 +1,234 @@
+/**index.wxss**/
+page{
+  background: #ccc;
+}
+.ub
+{
+	display: -webkit-box !important;
+	display: box !important;
+	position:relative;
+}
+.ub-f1
+{
+	position:relative;
+	-webkit-box-flex: 1;
+	box-flex: 1;
+}
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  color: #000;
+}
+
+.info_list{padding: 0.8em;padding-bottom: 4em;box-sizing: border-box;}
+.demo-container{display:flex;flex-direction:column; margin:0;width:100%; padding:0.2em 0.8em; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
+    .demo-container .demo-container-box-to {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+    }
+.demo-container .demo-container-left-box {
+    display: flex;
+    width: 3em;
+    height: 3em;
+}
+        .demo-container .demo-container-left-box image {
+            margin: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: 0.3em;
+            overflow: hidden;
+        }
+
+    .demo-container .demo-container-right-box {
+        display: flex;
+        flex-grow:1;
+        box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+    }
+.demo-container .demo-container-title{float:left;width:100%; margin-bottom:0.2em; padding-left:0em; text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
+.demo-container .demo-container-title image{float:left;width:1.2em;height:1.2em;vertical-align: middle;}
+.demo-container .demo-container-title div{float:left; margin-left:0.2em; width:auto;}
+.demo-container .webui-popover{float:left;width:85%; margin-top:0em; position:relative; padding-left:0.8em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
+.demo-container .webui-popover .webui-popover-content{float:left;z-index:0;margin:0; padding:0; min-height:2.5em; line-height:2.5em; width:auto; max-width:100%; border-radius:0.4em;  border:1px solid #f1f1f1;background-color:#fff;box-sizing:border-box;}
+.demo-container .webui-popover .webui-popover-content image{float:left;max-width:6em;margin:0; padding:0;border-radius:0.3em; overflow:hidden;}
+.demo-container .webui-popover .webui-popover-content image.emojicon{float:none;width:2em;height:2em;vertical-align: middle;}
+.demo-container .webui-popover .webui-popover-content image.gift{float:none;width:45px;height:45px;vertical-align: middle;}
+.demo-container .webui-popover .webui-popover-content .audio{float:left; max-width:100%;}
+.demo-container .webui-popover .webui-popover-content .audio image{float:left;margin-top:0.7em; width:1em; height:1em;}
+.demo-container .webui-popover .webui-popover-content .audio div{float:left;text-align:left;}
+.demo-container .webui-popover .webui-popover-content .audio div div.secondsfont{width:1em; height:1em; color:#000;}
+.demo-container .webui-popover .webui-popover-content .audio div.yuanquan{position:absolute; top:1em; right:-1em; width:0.5em; height:0.5em;border-radius:50%; background-color:#FF0000; overflow:hidden;}
+.demo-container .webui-popover .webui-popover-content .audio[isplayed="true"] div div.secondsfont{color:#000;}
+.demo-container .webui-popover .webui-popover-content .audio[isplayed='true'] div.yuanquan{display:none;}
+
+.demo-container .webui-popover .webui-popover-content .content{float:left;padding:0.5em 0.5em;box-sizing:border-box;color:#000;line-height:1.5em;}
+.demo-container .webui-popover .webui-popover-content .content image{margin-top:0.1em;margin-bottom:0.1em;}
+.demo-container .webui-popover .webui-popover-ico{ position:absolute;left:-0.12em;top:0.7em;z-index:1; width:1em;height:1em; background:url("data:image/image/png;base64,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") no-repeat 0 0;background-size:100% 100%;}
+
+.demo-container .webui-popover-robox{float:right;margin-top:-2em;width:2em;}
+.demo-container-time-box {
+    display: flex;
+    width: 100%;
+}
+.demo-container-time-box view{width:100%; padding:0.8em; text-align:center; box-sizing: border-box; border-radius:0.3em; color:#666}
+
+.demo-container-right {
+    display: flex;
+    flex-direction:column;
+    margin: 0;
+    width: 100%;
+    padding: 0.8em;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+.demo-container .demo-container-box-to {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+}
+    .demo-container-right .demo-container-left-box {
+        display: flex;
+        width: 3em;
+        height: 3em;
+    }
+        .demo-container-right .demo-container-left-box image {
+            margin: 0;
+            width: 3em;
+            height: 3em;
+            border-radius: 0.3em;
+            overflow: hidden;
+        }
+
+    .demo-container-right .demo-container-right-box {
+        display: flex;
+        flex-grow:1;
+        box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+    }
+.demo-container-right .demo-container-title{float:right;width:100%; padding-right:0.8em; text-align:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
+.demo-container-right .webui-popover{float:right;width:85%; margin-top:0em; position:relative; padding-right:0.8em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
+.demo-container-right .webui-popover .webui-popover-content{float:right;z-index:0;margin:0; padding:0; min-height:2.5em; line-height:2.5em; width:auto; max-width:100%; border-radius:0.4em;  border:1px solid #89be4f; background-color:#a8e563;box-sizing:border-box;}
+.demo-container-right .webui-popover .webui-popover-content image{float:left;max-width:6em;margin:0; padding:0;border-radius:0.3em; overflow:hidden;}
+.demo-container-right .webui-popover .webui-popover-content .audio{float:left; max-width:100%; position:relative;}
+.demo-container-right .webui-popover .webui-popover-content .audio image{float:right;margin-top:0.7em; width:1em; height:1em;}
+.demo-container-right .webui-popover .webui-popover-content .audio div{float:left;text-align:left;}
+.demo-container-right .webui-popover .webui-popover-content .audio div div.secondsfont{float:right; width:1em; height:1em;  color:#000;}
+.demo-container-right .webui-popover .webui-popover-content .audio[isplayed="true"] div div.secondsfont{color:#000;}
+.demo-container-right .webui-popover .webui-popover-content .audio[isplayed='true'] div.yuanquan{display:none;}
+.demo-container-right .webui-popover .webui-popover-content .content{float:left;padding:0.5em;box-sizing:border-box;color:#000;line-height:1.5em;}
+.demo-container-right .webui-popover .webui-popover-content .content image{margin-top:0.1em;margin-bottom:0.1em;}
+.demo-container-right .webui-popover-robox{float:left;margin-top:-2em; width:2em;}
+.demo-container-right .webui-popover .webui-popover-ico{ position:absolute;right:-0.12em;top:0.7em;z-index:1; width:1em;height:1em; background:url("data:image/image/png;base64,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") no-repeat 0 0;background-size:100% 100%;}
+
+
+.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);}
+.Hidden_box_to{position: relative; padding: 8px; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
+.Hidden_box_to.showemojicons_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
+.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
+.Hidden_box_to .close image{width:100%;height:100%;}
+.Hidden_box_to .select_box_title{width:100%;height:2.5em; line-height: 2.5em; border-bottom:1px solid #f1f1f1;}
+.Hidden_box_to .select_box{line-height:1.5em;}
+.Hidden_box_to .select_box .emojicons{float: left; margin-top:0.3em; width: 12.5%; height:2em; text-align: center;}
+.Hidden_box_to .select_box .emojicons image{width: 2em; height:2em;}
+.Hidden_box_to .select_box .swiper_box0 {
+  width: 100%;
+  padding: 0;
+  height: 11em;
+}
+.Hidden_box_to .select_box .swiper_box0 .wx-swiper-dots{bottom: 0em;}
+.footer{
+  position: fixed;
+  bottom:0;
+  left:0;
+  height:2.8em;
+  width: 100%;
+  background-color: #fff;
+  color: white;
+  text-align: center;
+  border-top: 1px solid #e1e1e1;
+  overflow: hidden;
+}
+.footer .addchatbox {
+  float: left;
+  width: 100%;
+  padding: 0.2em;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+  .footer.mykf .addchatbox {
+      height: 6em;
+  }
+.footer .addchatbox .addbody {
+  height: 2.4em;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.footer.mykf .addchatbox .addbody {
+  height: 6em;
+}
+      .footer .addchatbox .addbody textarea {
+          padding: 0 0.2em;
+          width: 99%;
+          height: 2.4em;
+          padding-top: 0.5em;
+          padding-bottom: 0.5em;
+          line-height:normal;
+          border: 1px solid #dfdfdf;
+          background-color: #f1f1f1;
+          border-radius: 0.5em;
+          box-sizing: border-box;
+          overflow: hidden;
+          color: #000;
+          text-align: left;
+      }
+     .body_placeholder{
+  color: #666;
+}
+.mybtn {
+  background: linear-gradient(to right,#00B050,#00B050);
+  color: #fff;
+}
+  .footer .addchatbox .addabtn {
+      float:left;
+      position:relative;
+      margin: 0;
+      width: 2.4em;
+      height: 2.4em;
+      text-align: center;
+      box-sizing: border-box;
+      overflow: hidden;
+      border-radius: 0.5em;
+  }
+      .footer .addchatbox .addabtn image {
+          margin-top: 0.2em;
+          width: 2em;
+          height: 2em;
+      }
+      .footer .addchatbox .addabtn#addabtn1 {
+        background-color: #00B050;
+        border-radius: 0.5em;
+    }
+.footer .addchatbox .addabtn0 {
+  margin: 0;
+  width: 3.5em;
+  height:2.4em;
+  line-height:2.4em;
+  border-radius: 0.5em;
+  text-align: center;
+  background-color: #00B050;
+  color: #fff;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.footer.mykf .addchatbox .addabtn {
+  margin-top: 2.5em;
+}
+.footer.mykf .addchatbox .addabtn0 {
+  margin-top: 2.9em;
+}