| <div class="my-message-box"> | <div class="my-message-box"> | ||||
| <div class="title"> | <div class="title"> | ||||
| <span class="title-span">我的消息</span> | <span class="title-span">我的消息</span> | ||||
| <span class="num-msg">(您有{{ notRead }}条未读通知)</span> | |||||
| <span class="num-msg" v-if="notRead > 0">(您有{{ notRead }}条未读通知)</span> | |||||
| <div class="more-icon fr" @click="goPath('/my-message')"> | <div class="more-icon fr" @click="goPath('/my-message')"> | ||||
| <img src="~@assets/image/index/icon_more.png" alt="more" /> | <img src="~@assets/image/index/icon_more.png" alt="more" /> | ||||
| </div> | </div> |
| <div class="table-box" v-loading="pageLoading" element-loading-text="数据加载中..."> | <div class="table-box" v-loading="pageLoading" element-loading-text="数据加载中..."> | ||||
| <div class="table-title"> | <div class="table-title"> | ||||
| <span class="title-span fl">我的消息</span> | <span class="title-span fl">我的消息</span> | ||||
| <span class="unread-span"> | |||||
| <span class="unread-span" v-if="notRead > 0"> | |||||
| (你有 | (你有 | ||||
| <span class="unread-num">{{ notRead }}</span>条未读通知) | <span class="unread-num">{{ notRead }}</span>条未读通知) | ||||
| </span> | </span> |
| margin-top: 18px; | margin-top: 18px; | ||||
| @include font(16px, #334a5f); | @include font(16px, #334a5f); | ||||
| line-height: 34px; | line-height: 34px; | ||||
| max-height: 500px; | |||||
| overflow: auto; | |||||
| } | } | ||||
| .detial-link { | .detial-link { | ||||
| margin-top: 16px; | margin-top: 16px; |