| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <template>
- <div class="conversation-profile-wrapper">
- <user-profile
- v-if="currentConversation.type === 1"
- :userProfile="currentConversation.userProfile"
- />
- <group-profile
- v-else-if="currentConversation.type === 3"
- :groupProfile="currentConversation.groupProfile"
- />
- </div>
- </template>
- <script>
- import { mapState } from 'vuex'
- import GroupProfile from './conversationProfile/group-profile.vue'
- import UserProfile from './conversationProfile/user-profile.vue'
- export default {
- name: 'ConversationProfile',
- components: {
- GroupProfile,
- UserProfile
- },
- data() {
- return {}
- },
- computed: {
- ...mapState({
- currentConversation: state => state.conversation.currentConversation
- })
- }
- }
- </script>
- <style lang="stylus" scoped>
- .conversation-profile-wrapper
- background-color $white
- height 100%
- overflow-y scroll
- /* 设置滚动条的样式 */
- ::-webkit-scrollbar {
- width: 0px;
- height: 0px;
- }
- </style>
|