|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="message-merger">
|
|
|
- <div class="merger-box" :data-value="data.message">
|
|
|
+ <!-- <div class="merger-box" :data-value="data.message">
|
|
|
<p class="merger-title">{{ data.title }}</p>
|
|
|
<p
|
|
|
class="merger-text"
|
|
@@ -10,44 +10,45 @@
|
|
|
{{ item }}
|
|
|
</p>
|
|
|
</div>
|
|
|
- <span class="merger-label">聊天记录</span>
|
|
|
+ <span class="merger-label">聊天记录</span> -->
|
|
|
+ 当前版本不支持查看此消息
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, watchEffect, reactive, toRefs } from 'vue';
|
|
|
+import { defineComponent, watchEffect, reactive, toRefs } from "vue";
|
|
|
|
|
|
export default defineComponent({
|
|
|
props: {
|
|
|
data: {
|
|
|
type: Object,
|
|
|
- default: () => ({})
|
|
|
- }
|
|
|
+ default: () => ({}),
|
|
|
+ },
|
|
|
},
|
|
|
setup(props: any, ctx: any) {
|
|
|
const data = reactive({
|
|
|
- data: {}
|
|
|
+ data: {},
|
|
|
});
|
|
|
|
|
|
watchEffect(() => {
|
|
|
data.data = props.data;
|
|
|
});
|
|
|
return {
|
|
|
- ...toRefs(data)
|
|
|
+ ...toRefs(data),
|
|
|
};
|
|
|
- }
|
|
|
+ },
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-@import url('../../../styles/common.scss');
|
|
|
-@import url('../../../styles/icon.scss');
|
|
|
+@import url("../../../styles/common.scss");
|
|
|
+@import url("../../../styles/icon.scss");
|
|
|
.message-merger {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.merger-label {
|
|
|
- border-top: 1Px solid #dddddd;
|
|
|
- margin-top: 10Px;
|
|
|
- padding-top: 5Px;
|
|
|
+ border-top: 1px solid #dddddd;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-top: 5px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|