我的消息表格样式调整

This commit is contained in:
zhaoxiao
2021-09-28 10:56:11 +08:00
parent c7b2ec6930
commit 0053addc28
+12 -6
View File
@@ -59,12 +59,12 @@
<a class="readed" v-if="record.readFlag === '1' ">已读</a> <a class="readed" v-if="record.readFlag === '1' ">已读</a>
</span> </span>
<span slot="templateContent" slot-scope="text"> <span slot="templateContent" slot-scope="text" >
<a-tooltip placemen="topRight" arrow-point-at-center> <a-tooltip >
<template slot="title"> <template slot="title">
<span v-html="text"></span> <span v-html="text" class="ellipsis-span"></span>
</template> </template>
<span v-html="myEllipsis(text,40)"></span> <span v-html="myEllipsis(text,20)" class="ellipsis-span"></span>
</a-tooltip> </a-tooltip>
</span> </span>
@@ -242,7 +242,7 @@ export default {
} }
} }
</script> </script>
<style scoped> <style scoped lang="less">
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.ant-card-body .table-operator { .ant-card-body .table-operator {
@@ -276,4 +276,10 @@ z
color: #999; color: #999;
pointer-events: none; pointer-events: none;
} }
</style>
.ellipsis-span /deep/* {
display: inline;
margin: 0!important;
padding: 0!important;
}
</style>