服务器提交
This commit is contained in:
10
public/weapp/pages_tool/components/chat-message/chat-message.js
Executable file
10
public/weapp/pages_tool/components/chat-message/chat-message.js
Executable file
@@ -0,0 +1,10 @@
|
||||
require('../../common/vendor.js');(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages_tool/components/chat-message/chat-message"],{"10c3":function(e,t,n){"use strict";var a=n("a43d"),i=n.n(a);i.a},75345:function(e,t,n){"use strict";n.r(t);var a=n("e32b"),i=n.n(a);for(var o in a)["default"].indexOf(o)<0&&function(e){n.d(t,e,(function(){return a[e]}))}(o);t["default"]=i.a},"8be5":function(e,t,n){"use strict";n.r(t);var a=n("fea0"),i=n("75345");for(var o in i)["default"].indexOf(o)<0&&function(e){n.d(t,e,(function(){return i[e]}))}(o);n("10c3");var s=n("828b"),r=Object(s["a"])(i["default"],a["b"],a["c"],!1,null,null,null,!1,a["a"],void 0);t["default"]=r.exports},a43d:function(e,t,n){},e32b:function(e,t,n){"use strict";(function(e){var a=n("47a9");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n("0817")),o=a(n("3291")),s={name:"chat-message",props:{message:{type:Object},send:{type:Boolean}},data:function(){return{avatar:"",defaultAvatar:this.$util.getDefaultImage().store,myHeadImg:"",defaultHead:this.$util.getDefaultImage().head,emjoyList:o.default.emjoyList,currImg:""}},components:{nsChatGoods:function(){n.e("pages_tool/components/ns-chat/ns-chat-goods").then(function(){return resolve(n("e729"))}.bind(null,n)).catch(n.oe)},nsChatOrder:function(){n.e("pages_tool/components/ns-chat/ns-chat-order").then(function(){return resolve(n("8cf6"))}.bind(null,n)).catch(n.oe)},uniPopup:function(){n.e("components/uni-popup/uni-popup").then(function(){return resolve(n("d745"))}.bind(null,n)).catch(n.oe)},nsChatReceiveGoods:function(){n.e("pages_tool/components/ns-chat/ns-chat-receiveGoods").then(function(){return resolve(n("be18"))}.bind(null,n)).catch(n.oe)}},mounted:function(){this.avatar=this.$util.img(this.siteInfo.logo_square),this.myHeadImg=this.$util.img(this.memberInfo.headimg)},methods:{previewMedia:function(t){var n=[t];e.previewImage({current:0,urls:n})},sendGood:function(){this.$emit("sendGood","goods")},sendOrder:function(){this.$emit("sendOrder","order")},myHeadImgError:function(){this.myHeadImg=this.defaultHead},stringToEmjoy:function(e){var t=this;if(e){var n=RegExp(/\[/);if(n.test(e)){var a=e,o=new RegExp("\\[emjoy_(.+?)\\]","g"),s=a.replace(o,(function(e){var n="";for(var a in t.emjoyList)if(e==a){var i=t.$util.img(t.emjoyList[a]);n="<img class='message-img' src='"+i+"'/>";break}return n||e})),r=(0,i.default)(s);return r.forEach((function(e){"img"==e.name&&(e.attrs.style="display: inline-block;width: 32rpx !important;height: 32rpx !important;padding:0 2rpx;")})),r}var u=e;return u}}}};t.default=s}).call(this,n("df3c")["default"])},fea0:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return o})),n.d(t,"a",(function(){return a}));var a={uniPopup:function(){return n.e("components/uni-popup/uni-popup").then(n.bind(null,"d745"))}},i=function(){var e=this,t=e.$createElement,n=(e._self._c,"string"!=e.message.contentType||e.message.isItMe?null:e.$util.img(e.message.avatar)),a="string"==e.message.contentType&&!e.message.isItMe&&n?e.$util.img(e.message.avatar):null,i="string"==e.message.contentType?e.stringToEmjoy(e.message.content):null,o="image"==e.message.contentType?e.$util.img(e.message.image):null,s=e.$util.img(e.currImg);e._isMounted||(e.e0=function(t){e.previewMedia(e.$util.img(e.message.image))}),e.$mp.data=Object.assign({},{$root:{g0:n,g1:a,m0:i,g2:o,g3:s}})},o=[]}}]);
|
||||
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
||||
'pages_tool/components/chat-message/chat-message-create-component',
|
||||
{
|
||||
'pages_tool/components/chat-message/chat-message-create-component':(function(module, exports, __webpack_require__){
|
||||
__webpack_require__('df3c')['createComponent'](__webpack_require__("8be5"))
|
||||
})
|
||||
},
|
||||
[['pages_tool/components/chat-message/chat-message-create-component']]
|
||||
]);
|
||||
9
public/weapp/pages_tool/components/chat-message/chat-message.json
Executable file
9
public/weapp/pages_tool/components/chat-message/chat-message.json
Executable file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "/components/uni-popup/uni-popup",
|
||||
"ns-chat-goods": "/pages_tool/components/ns-chat/ns-chat-goods",
|
||||
"ns-chat-order": "/pages_tool/components/ns-chat/ns-chat-order",
|
||||
"ns-chat-receive-goods": "/pages_tool/components/ns-chat/ns-chat-receiveGoods"
|
||||
}
|
||||
}
|
||||
1
public/weapp/pages_tool/components/chat-message/chat-message.wxml
Executable file
1
public/weapp/pages_tool/components/chat-message/chat-message.wxml
Executable file
@@ -0,0 +1 @@
|
||||
<view class="chat-message"><block wx:if="{{message.contentType=='sendGood'}}"><block><ns-chat-goods vue-id="c747addc-1" skuId="{{message.sku_id}}" goodsDetail="{{message.goodsDetail}}" data-event-opts="{{[['^sendMsg',[['sendGood']]]]}}" bind:sendMsg="__e" bind:__l="__l"></ns-chat-goods></block></block><block wx:if="{{message.contentType=='sendOrder'}}"><block><ns-chat-order vue-id="c747addc-2" orderId="{{message.order_id}}" orderdetails="{{message.orderDetail}}" data-event-opts="{{[['^sendMsg',[['sendOrder']]]]}}" bind:sendMsg="__e" bind:__l="__l"></ns-chat-order></block></block><block wx:if="{{message.contentType=='goodssku'}}"><block><ns-chat-receive-goods vue-id="c747addc-3" skuId="{{message.sku_id}}" bind:__l="__l"></ns-chat-receive-goods></block></block><block wx:if="{{message.contentType=='string'}}"><view class="message"><view class="{{['message-item','',message.isItMe?'right':'left']}}"><block wx:if="{{message.isItMe}}"><view class="head_img"><block wx:if="{{myHeadImg}}"><image class="img" src="{{myHeadImg}}" mode="aspectFill" data-event-opts="{{[['error',[['myHeadImgError',['$event']]]]]}}" binderror="__e"></image></block><block wx:else><image class="img" src="{{defaultHead}}" mode="aspectFill"></image></block></view></block><block wx:else><view class="head_img"><block wx:if="{{$root.g0}}"><image class="img" src="{{$root.g1}}" mode="aspectFill"></image></block><block wx:else><block wx:if="{{avatar}}"><image class="img" src="{{avatar}}" mode="aspectFill"></image></block><block wx:else><image class="img" src="{{defaultHead}}" mode="aspectFill"></image></block></block></view></block><view class="chat_text"><block wx:if="{{message.isItMe&&!message.sendStatus}}"><text class="iconfont icon-warn margin-right color-base-text"></text></block><view class="content"><rich-text nodes="{{$root.m0}}"></rich-text></view></view></view></view></block><block wx:if="{{message.contentType=='image'}}"><view class="message"><view class="{{['message-item','',message.isItMe?'right':'left']}}"><block wx:if="{{message.isItMe}}"><view class="head_img"><block wx:if="{{myHeadImg}}"><image class="img" src="{{myHeadImg}}" mode="aspectFit"></image></block><block wx:else><image class="img" src="{{defaultHead}}" mode="aspectFit"></image></block></view></block><block wx:else><view class="head_img"><block wx:if="{{avatar}}"><image class="img" src="{{avatar}}" mode="aspectFit"></image></block><block wx:else><image class="img" src="{{defaultHead}}" mode="aspectFit"></image></block></view></block><view class="chat_img"><block wx:if="{{message.isItMe&&!message.sendStatus}}"><text class="iconfont icon-warn margin-right color-base-text"></text></block><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="content_img" style="{{'background-image:'+('url('+$root.g2+')')+';'}}" bindtap="__e"></view></view></view></view></block><block wx:else><block wx:if="{{message.contentType=='goods'}}"><view><ns-chat-goods vue-id="c747addc-4" isCanSend="{{false}}" skuId="{{message.sku_id}}" bind:__l="__l"></ns-chat-goods></view></block><block wx:else><block wx:if="{{message.contentType=='order'}}"><view><ns-chat-order vue-id="c747addc-5" isCanSend="{{false}}" orderId="{{message.order_id}}" bind:__l="__l"></ns-chat-order></view></block></block></block><block wx:if="{{message.contentType=='noline'}}"><view class="no-connect-box"><view class="no-connect">客服不在线</view></view></block><block wx:if="{{message.contentType=='online'}}"><view class="no-connect-box"><view class="no-connect">客服在线</view></view></block><uni-popup class="vue-ref" vue-id="c747addc-6" type="center" data-ref="imgPopup" bind:__l="__l" vue-slots="{{['default']}}"><view class="imagePop"><image src="{{$root.g3}}" mode="aspectFit"></image></view></uni-popup></view>
|
||||
3
public/weapp/pages_tool/components/chat-message/chat-message.wxss
Executable file
3
public/weapp/pages_tool/components/chat-message/chat-message.wxss
Executable file
@@ -0,0 +1,3 @@
|
||||
.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{background-color:#000}.uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box{max-width:100%;width:100%}.imagePop{height:50vh;width:100vw;text-align:center}.imagePop image{width:100%;height:100%}.chat-message{width:100%;height:100%}.chat-message .message{padding:13rpx 20rpx;position:relative}.chat-message .left .content{padding:20rpx;max-width:450rpx;border-radius:10rpx;font-size:30rpx}.chat-message .right .content{padding:20rpx;max-width:450rpx;border-radius:10rpx;font-size:30rpx}.chat-message .content_img{height:200rpx;width:100%;overflow:hidden;text-align:right;margin-left:28rpx;background-position:100%;background-repeat:no-repeat;background-size:contain}.chat-message .content_img image{min-height:80rpx;min-width:80rpx;height:100%;width:100%}.chat-message .right .content_img{margin-right:28rpx;margin-left:0}.chat-message .message-item{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:nowrap;flex-direction:row}.chat-message .message-item .head_img{width:80rpx;height:80rpx;border-radius:50%;overflow:hidden;position:relative}.chat-message .message-item .head_img .img{width:100%;height:100%}.chat-message .message-item .contentType3{padding:0;border-radius:2rpx;background-color:initial!important}.chat-message .message-item .contentType3 .img{width:200rpx;height:auto;max-width:300rpx;max-height:400rpx}.chat-message .message-item .contentType3::after{border:none!important;display:none!important}.chat-message .message-item .content-type-right{flex-direction:row-reverse}.chat-message .message-item.right{flex-direction:row-reverse}.chat-message .message-item.right .content{background-color:#4cd964;margin-right:28rpx;word-break:break-all;line-height:36rpx;position:relative}.chat-message .message-item.left .content{background-color:#fff;margin-left:28rpx;word-break:break-all;line-height:36rpx;position:relative}.chat-message .next{width:100%;height:20rpx}.no-connect-box{width:100%;text-align:center;margin:20rpx 0 50rpx}.no-connect-box .no-connect{display:inline-block;padding:0 20rpx;height:40rpx;background:red;margin:0 auto;background:rgba(0,0,0,.5);border-radius:9rpx;text-align:center;line-height:40rpx;font-size:22rpx;color:#fff}.chat_text,
|
||||
.chat_img{display:flex;align-items:center}.chat_text .iconfont,
|
||||
.chat_img .iconfont{font-size:36rpx}.chat_img{width:30%;height:200rpx}
|
||||
Reference in New Issue
Block a user