消息暂时回退
parent
1a84fa3d47
commit
c4d5bf2fef
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741227423662" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16721" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 0h1024v1024H0z" fill="#FF4D3C" p-id="16722"></path><path d="M747.52 302.08H640v-40.96a5.136 5.136 0 0 0-5.12-5.12h-35.84a5.136 5.136 0 0 0-5.12 5.12v40.96h-163.84v-40.96a5.136 5.136 0 0 0-5.12-5.12h-35.84a5.136 5.136 0 0 0-5.12 5.12v40.96h-107.52A20.458 20.458 0 0 0 256 322.56v424.96c0 11.328 9.152 20.48 20.48 20.48h471.04c11.328 0 20.48-9.152 20.48-20.48V322.56c0-11.328-9.152-20.48-20.48-20.48z m-25.6 419.84H302.08V348.16H384v30.72a5.136 5.136 0 0 0 5.12 5.12h35.84a5.136 5.136 0 0 0 5.12-5.12v-30.72h163.84v30.72a5.136 5.136 0 0 0 5.12 5.12h35.84a5.136 5.136 0 0 0 5.12-5.12v-30.72h81.92v373.76z" fill="#FFFFFF" p-id="16723"></path><path d="M624.64 453.12h-35.328c-3.264 0-6.4 1.6-8.32 4.224l-96.576 132.992-41.408-56.96a10.306 10.306 0 0 0-8.32-4.224H399.36c-4.16 0-6.592 4.736-4.16 8.128l80.896 111.36c4.096 5.632 12.544 5.632 16.64 0l136.064-187.328c2.432-3.456 0-8.192-4.16-8.192z" fill="#FFFFFF" p-id="16724"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741227440943" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16876" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 0h1024v1024H0z" fill="#1890FF" p-id="16877"></path><path d="M578.572 280a18.018 18.018 0 0 0-10.17 3.098L361.206 418.52h-95.854a9.38 9.38 0 0 0-9.352 9.352V596.2a9.38 9.38 0 0 0 9.352 9.352h95.854L568.4 740.976c3.214 2.104 6.78 3.098 10.17 3.098 9.76 0 18.76-7.774 18.76-18.762V298.76c0-10.988-9-18.762-18.76-18.762z m-23.32 402.12l-171.02-111.812-10.52-6.838h-75.63v-102.868h75.632l10.46-6.838 171.078-111.81V682.12z m203.396-191.124h-74.812a9.38 9.38 0 0 0-9.352 9.352v23.378a9.38 9.38 0 0 0 9.352 9.352h74.812a9.38 9.38 0 0 0 9.352-9.352v-23.38a9.38 9.38 0 0 0-9.352-9.35z m-24.49 153.014l-64.466-37.23a9.42 9.42 0 0 0-4.618-1.228 9.296 9.296 0 0 0-8.066 4.676l-11.63 20.164c-2.572 4.442-1.052 10.17 3.39 12.742l64.466 37.232a9.296 9.296 0 0 0 12.684-3.448l11.63-20.166c2.572-4.44 0.994-10.17-3.39-12.74z m-77.208-230.166a9.296 9.296 0 0 0 8.066 4.676 9.42 9.42 0 0 0 4.616-1.226l64.468-37.232c4.442-2.572 5.962-8.3 3.39-12.74l-11.572-20.108a9.296 9.296 0 0 0-8.066-4.676 9.42 9.42 0 0 0-4.618 1.228L648.768 381c-4.442 2.57-5.962 8.3-3.39 12.74l11.572 20.106z" fill="#FFFFFF" p-id="16878"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -1,56 +1,15 @@
|
||||
/* pages/message/index.wxss */
|
||||
.container{
|
||||
padding: 10px;
|
||||
}
|
||||
.container .servicebox {
|
||||
/* display: flex; */
|
||||
/* justify-content: space-between; */
|
||||
/* flex-direction: column; */
|
||||
/* align-items: start; */
|
||||
/* padding: 20px; */
|
||||
padding: 16px 12px;
|
||||
/* padding-bottom: 0; */
|
||||
/* padding-right: 10px; */
|
||||
background-color: #fff;
|
||||
}
|
||||
.container .servicebox .serviceinfo{
|
||||
}
|
||||
.container .servicebox .serviceinfo image {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
}
|
||||
.servicebox .serviceBottom {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.servicebox .serviceBottom > view {
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
padding: 0 10px 0 16px;
|
||||
}
|
||||
.contact {
|
||||
width: 80%;
|
||||
height: 350px;
|
||||
}
|
||||
.contact .weui-dialog__hd{
|
||||
margin-top: 40px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
.contact .contact_bottomBtn .v-center {
|
||||
width: 80px !important;
|
||||
}
|
||||
.contact .contact_bottomBtn .rflex button {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.guanbi{
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: -28px;
|
||||
}
|
||||
.mb32{
|
||||
margin-bottom: 32px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.noticImg{
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.sub{
|
||||
padding: 12px;
|
||||
font-size: 14px;
|
||||
background-color: #fff;
|
||||
/* border-radius: 8px; */
|
||||
}
|
||||
@ -0,0 +1,164 @@
|
||||
// pages/message/index.js
|
||||
const app = getApp();
|
||||
import dateUtil from "../../utils/dateUtil";
|
||||
import { customRequest } from '../../utils/request.js';
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
isLogin: app.globalData.isLogin,
|
||||
serviceInfo: {},
|
||||
iosDialog: false,
|
||||
isLoading: true,
|
||||
messageClick: false,
|
||||
infoList: [],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad (options) {
|
||||
this.setData({
|
||||
messageClick: wx.getStorageSync("messageClick" + app.globalData.loginUserInfo.id),
|
||||
});
|
||||
console.log(this.data.messageClick);
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady () { },
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow () {
|
||||
// let serviceInfo = wx.getStorageSync('ServiceInfo')
|
||||
this.getInfoList();
|
||||
console.log('messageTab' + typeof this.getTabBar);
|
||||
if (typeof this.getTabBar === "function" && this.getTabBar()) {
|
||||
this.getTabBar().setData({
|
||||
isShow: true,
|
||||
selected: 2,
|
||||
});
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.setData({
|
||||
serviceInfo: app.globalData.serviceInfo,
|
||||
isLoading: true,
|
||||
messageClick: wx.getStorageSync("messageClick" + app.globalData.loginUserInfo.id),
|
||||
});
|
||||
}, 10);
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide () {
|
||||
this.setData({
|
||||
iosDialog: false,
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload () { },
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh () { },
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom () { },
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
return app.sharePageImage()
|
||||
},
|
||||
|
||||
makePhoneCall () {
|
||||
console.log(1);
|
||||
var that = this;
|
||||
wx.makePhoneCall({
|
||||
// number: that.data.jobDetail.assistantUserTel + ""
|
||||
phoneNumber: that.data.serviceInfo.workPhone || "0371-6611 3723",
|
||||
});
|
||||
},
|
||||
|
||||
showdialog () {
|
||||
this.setData({
|
||||
iosDialog: true,
|
||||
loading: true,
|
||||
});
|
||||
},
|
||||
closeDialog () {
|
||||
this.setData({
|
||||
iosDialog: false,
|
||||
});
|
||||
},
|
||||
imageLoad () {
|
||||
this.setData({
|
||||
isLoading: false,
|
||||
});
|
||||
},
|
||||
getInfoList () {
|
||||
let that = this;
|
||||
customRequest("/bocai/cms/list", { header: 'headers', method: 'post', data: { pageSize: 100, pageNum: 1, keys: "" } }).then((res) => {
|
||||
if (res.data.status == 200) {
|
||||
res.data.data.pageBean.recordList.forEach(item => {
|
||||
item['pubTime'] = dateUtil.timeShow(item.publishTime);
|
||||
console.log(item);
|
||||
});
|
||||
that.setData({
|
||||
infoList: res.data.data.pageBean.recordList,
|
||||
});
|
||||
}
|
||||
})
|
||||
// wx.request({
|
||||
// url: app.globalData.ip + "/bocai/cms/list",
|
||||
// data: { pageSize: 100, pageNum: 1, keys: "" },
|
||||
// header: app.globalData.headers,
|
||||
// method: "post",
|
||||
// success: function (res) {
|
||||
// console.log(res);
|
||||
// if (res.data.status == 200) {
|
||||
// res.data.data.pageBean.recordList.forEach(item => {
|
||||
// item['pubTime'] = dateUtil.timeShow(item.publishTime);
|
||||
// console.log(item);
|
||||
// });
|
||||
// that.setData({
|
||||
// infoList: res.data.data.pageBean.recordList,
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// });
|
||||
},
|
||||
/**
|
||||
* 阻止滑动穿透
|
||||
*
|
||||
*
|
||||
*/
|
||||
modalMove () {
|
||||
return false;
|
||||
},
|
||||
goDetail (e) {
|
||||
console.log(e);
|
||||
if (e.currentTarget.dataset.type == "wellcome") {
|
||||
wx.setStorageSync("messageClick" + app.globalData.loginUserInfo.id, true);
|
||||
wx.navigateTo({
|
||||
url: "/pages/messageDetail/index?type=1",
|
||||
});
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: "/pages/messageDetail/index?id=" + e.currentTarget.dataset.id,
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText" : "消息",
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
@ -0,0 +1,107 @@
|
||||
<view class="container">
|
||||
<!-- wx:if="{{isLogin}}" -->
|
||||
<!-- <view class="servicebox br_8">
|
||||
<view class="serviceinfo display-flex pb16" hover-class="none">
|
||||
<view class="mr10">
|
||||
<image wx:if="{{serviceInfo.avatar}}" class="br_8" src="{{serviceInfo.avatar}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
<image wx:else class="br_8" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
</view>
|
||||
<view class="servicenamebox">
|
||||
<view class="mb2 f18 fw500">客户经理</view>
|
||||
<view class="c3 f16">
|
||||
{{serviceInfo.userName}}
|
||||
<i class="mr4"></i>
|
||||
<p class="f14">{{serviceInfo.tel || '0371-6611 3723'}}</p>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="display-flex bt1 serviceBottom" hover-class="none" hover-stop-propagation="false">
|
||||
<view class="display-flex br1 f14" bindtap="makePhoneCall" hover-class="thover">
|
||||
<view class hover-stop-propagation="false">
|
||||
<i class="iconfont icon-dianhua fw500 c6 mr4"></i>
|
||||
拨打电话
|
||||
</view>
|
||||
<i class="iconfont icon-gengduo11 c9 f12 mr10"></i>
|
||||
</view>
|
||||
<view class="display-flex pl16 f14" bindtap="showdialog" hover-class="thover">
|
||||
<view class hover-stop-propagation="false">
|
||||
<i class="iconfont icon-qiyeweixin fw500 c6 mr4"></i>
|
||||
加我微信
|
||||
</view>
|
||||
<i class="iconfont icon-gengduo11 c9 f12"></i>
|
||||
</view>
|
||||
</view>
|
||||
</view>-->
|
||||
<view class="servicebox br_8 fsa dn">
|
||||
<view class="serviceinfo display-flex" hover-class="none">
|
||||
<view class="mr8">
|
||||
<image wx:if="{{serviceInfo.avatar}}" class="br_8" src="{{serviceInfo.avatar}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
<image wx:else class="br_8" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
</view>
|
||||
<view class="servicenamebox">
|
||||
<view class="mb2 f18 fw500">客户经理</view>
|
||||
<view class="c3 f16">
|
||||
{{serviceInfo.userName}}
|
||||
<i class="mr4"></i>
|
||||
<p class="f14">{{serviceInfo.tel || '0371-6611 3723'}}</p>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class hover-class="none" hover-stop-propagation="false">
|
||||
<i class="t-icon t-icon-dianhua6 mr10" bindtap="makePhoneCall" hover-class="thover" style="width:40px;height:40px "></i>
|
||||
<i class="t-icon t-icon-qiyeweixin" bindtap="showdialog" hover-class="thover" style="width:40px;height:40px "></i>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt10 br_8 dn" style="padding:20px 10px;background-color:#fff" hover-class="thover" hover-stop-propagation="false" bindtap="goDetail" data-type="wellcome">
|
||||
<view class="fw500 f16 mb12" style="line-height:16px">
|
||||
<i wx:if="{{!messageClick}}" class="mr4 mb2" style="display:inline-block;width: 8px;height: 8px;background: #f5222d;border-radius: 50%;"></i>伯才欢迎您
|
||||
</view>
|
||||
<view class="f14 c9 oelps" style="width:100%">伯才（以下简称“伯才”），让天下没有难做的劳务。</view>
|
||||
</view>
|
||||
<!-- 消息列表 -->
|
||||
<view class="mb10 br_8" wx:for="{{infoList}}" style="padding:12px;background-color:#fff;line-height:1" hover-class="thover" hover-stop-propagation="false" bindtap="goDetail" data-id="{{item.id}}" data-type="info">
|
||||
<view class="fw500 f16 mb12 fsa" style>
|
||||
<view class="oelps f18 fw500" hover-class="none" style="max-width:240px" hover-stop-propagation="false">
|
||||
<i wx:if="{{item.readed == 0}}" class="mr4 mb2" style="display:inline-block;width: 8px;height: 8px;background: #f5222d;border-radius: 50%;"></i>
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="fw400 c9 f14" hover-class="none" hover-stop-propagation="false">{{item.pubTime == '8月30日' ? '6月16日' : item.pubTime}}</view>
|
||||
</view>
|
||||
<view class="c9 f15 oelps" style="width:100%">{{item.remark || '[图片]'}}</view>
|
||||
</view>
|
||||
<view class wx:if="{{infoList.length <= 0}}" style="text-align:center" hover-class="none" hover-stop-propagation="false">
|
||||
<view class="t-icon t-icon-zanwu" style="width:80px;height:80px;margin:60px auto 20px;"></view>
|
||||
<view class="tc f14 c045">暂无消息</view>
|
||||
</view>
|
||||
</view>
|
||||
<view aria-role="dialog" aria-modal="true" class="fadeIn" catchtouchmove="modalMove" wx:if="{{iosDialog}}">
|
||||
<view class="weui-mask"></view>
|
||||
<view class="weui-dialog contact" style="box-sizing:border-box;">
|
||||
<view class="weui-dialog__hd">
|
||||
<!-- <strong class="weui-dialog__title">17639080029</strong></view> -->
|
||||
<!-- <view class="weui-dialog__bd">
|
||||
<view>现在登录吗?</view>
|
||||
</view>-->
|
||||
<!-- <image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg" style="width:56px;height:56px;"></image> -->
|
||||
<!-- <image src="../../assets/Snipaste_2023-06-13_09-25-14.png" show-menu-by-longpress='{{true}}' style="width:56px;height:56px;"></image> -->
|
||||
<i class="iconfont icon-guanbi guanbi c6 biggerSize" bindtap="closeDialog"></i>
|
||||
<view class="f16 c3 fw500 mb32">加客户经理微信</view>
|
||||
<view wx:if="{{isLoading}}" class style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)" hover-class="none" hover-stop-propagation="false">
|
||||
<view aria-role="img" aria-label="加载中" style class="weui-primary-loading">
|
||||
<view class="weui-primary-loading__dot"></view>
|
||||
</view>
|
||||
<view class hover-class="none" hover-stop-propagation="false">加载中...</view>
|
||||
</view>
|
||||
<image src="{{serviceInfo.qrCode}}" bindload="imageLoad" show-menu-by-longpress="{{true}}" style="width: 184px;height: 184px;"></image>
|
||||
<!-- <view class="f14 c9">人才经纪人</view> -->
|
||||
<!-- <view class="mt20 f22 c3">{{pmdUserInfo.tel}}</view> -->
|
||||
<view class="f14 c3 mt6">长按识别二维码</view>
|
||||
</view>
|
||||
<!-- <view class="display-flex contact_bottomBtn pb20" style="padding-top:20px;">
|
||||
<view class="flex-1 lflex v-center" bindtap="closeDialog" hover-class="thover">取消</view>
|
||||
<view class="rflex">
|
||||
<button class="" type="primary" hover-class="thover" bindtap="makePhoneCall">呼叫</button>
|
||||
</view>
|
||||
</view>-->
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,56 @@
|
||||
/* pages/message/index.wxss */
|
||||
.container{
|
||||
padding: 10px;
|
||||
}
|
||||
.container .servicebox {
|
||||
/* display: flex; */
|
||||
/* justify-content: space-between; */
|
||||
/* flex-direction: column; */
|
||||
/* align-items: start; */
|
||||
/* padding: 20px; */
|
||||
padding: 16px 12px;
|
||||
/* padding-bottom: 0; */
|
||||
/* padding-right: 10px; */
|
||||
background-color: #fff;
|
||||
}
|
||||
.container .servicebox .serviceinfo{
|
||||
}
|
||||
.container .servicebox .serviceinfo image {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
}
|
||||
.servicebox .serviceBottom {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.servicebox .serviceBottom > view {
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
padding: 0 10px 0 16px;
|
||||
}
|
||||
.contact {
|
||||
width: 80%;
|
||||
height: 350px;
|
||||
}
|
||||
.contact .weui-dialog__hd{
|
||||
margin-top: 40px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
.contact .contact_bottomBtn .v-center {
|
||||
width: 80px !important;
|
||||
}
|
||||
.contact .contact_bottomBtn .rflex button {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.guanbi{
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: -28px;
|
||||
}
|
||||
.mb32{
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText" : "每日发单"
|
||||
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
<view class>
|
||||
<scroll-view class scroll-y enable-back-to-top="true" bindscrolltolower="onScrollToLower" bindrefresherrefresh="onScrollRefresh" refresher-triggered="{{isTrigger}}" style="height:calc(100vh)">
|
||||
<view class="container">
|
||||
<view class="sub" wx:for="{{4}}">
|
||||
<view class="timeTitle c9 tac">{{item == 0 ? '今天' :( item == 1 ? '昨天' : item == 2 ? '前天' : '2025-3-3')}} 15:3{{item + 1}}</view>
|
||||
<view class="por fss" style="align-items:unset;margin-right:58px">
|
||||
<view class>
|
||||
<image class="avatarImg" src="{{'../../assets/images/chatAvatar.jpg'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
</view>
|
||||
<view class="ml12">
|
||||
<view class="userName f12 c9">{{'客服刘丽'}}</view>
|
||||
<view class="chatContent">
|
||||
<view class="pb4" hover-class="none" hover-stop-propagation="false">
|
||||
<view class="triangle"></view>
|
||||
<rich-text class="linefeed f18" user-select="{{true}}" nodes="{{text}}"></rich-text>
|
||||
</view>
|
||||
<view class="bt1 c6 pt8 pb8 fss f14">
|
||||
<view class="copy">
|
||||
<i class="iconfont icon-file-copy"></i>复制
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@ -0,0 +1,49 @@
|
||||
/* subPage/todayBill/index.wxss */
|
||||
.container {
|
||||
padding: 0 0 120px 16px;
|
||||
}
|
||||
.timeTitle {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
padding: 32px 16px 12px 16px;
|
||||
/* position: sticky;
|
||||
position: -webkit-sticky; */
|
||||
top: 0px;
|
||||
z-index: 999;
|
||||
/* background: #f5f5f5; */
|
||||
}
|
||||
.sub {
|
||||
/* margin-right: 58px; */
|
||||
}
|
||||
.avatarImg {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.chatContent {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
padding: 12px 16px 0 16px;
|
||||
/* margin-left: 16px; */
|
||||
border-radius: 4px;
|
||||
}
|
||||
.userName {
|
||||
line-height: 1;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.triangle {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: -14px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 8px solid transparent;
|
||||
border-right: 12px solid #fff;
|
||||
}
|
||||
.copy {
|
||||
padding: 1px 4px;
|
||||
border-radius: 8px;
|
||||
background-color: #1890ff26;
|
||||
color: #1890ff;
|
||||
}
|
||||
Loading…
Reference in New Issue