update
This commit is contained in:
@@ -24,23 +24,25 @@ export const useSystemStore = defineStore('SystemStore', () => {
|
||||
messageCount.value.two = message.value.filter(v => !v.is_read).length;
|
||||
|
||||
// 生成角标
|
||||
const tabbar = document.querySelectorAll('.uni-tabbar__item')[2].querySelector('.uni-tabbar__bd');
|
||||
tabbar.style.position = 'relative';
|
||||
const div = document.createElement('div');
|
||||
div.style.position = 'absolute';
|
||||
div.style.backgroundColor = 'red';
|
||||
div.style.color = 'white';
|
||||
div.style.width = '16px';
|
||||
div.style.height = '16px';
|
||||
div.style.borderRadius = '50%';
|
||||
div.style.display = 'flex';
|
||||
div.style.justifyContent = 'center';
|
||||
div.style.alignItems = 'center';
|
||||
div.style.fontSize = '12px';
|
||||
div.style.right = '-12px';
|
||||
div.style.top = '0';
|
||||
div.innerText = messageCount.value.one + messageCount.value.two;
|
||||
tabbar.appendChild(div);
|
||||
if (messageCount.value.one + messageCount.value.two > 0) {
|
||||
const tabbar = document.querySelectorAll('.uni-tabbar__item')[2].querySelector('.uni-tabbar__bd');
|
||||
tabbar.style.position = 'relative';
|
||||
const div = document.createElement('div');
|
||||
div.style.position = 'absolute';
|
||||
div.style.backgroundColor = 'red';
|
||||
div.style.color = 'white';
|
||||
div.style.width = '16px';
|
||||
div.style.height = '16px';
|
||||
div.style.borderRadius = '50%';
|
||||
div.style.display = 'flex';
|
||||
div.style.justifyContent = 'center';
|
||||
div.style.alignItems = 'center';
|
||||
div.style.fontSize = '12px';
|
||||
div.style.right = '-12px';
|
||||
div.style.top = '0';
|
||||
div.innerText = messageCount.value.one + messageCount.value.two;
|
||||
tabbar.appendChild(div);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user