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;
|
messageCount.value.two = message.value.filter(v => !v.is_read).length;
|
||||||
|
|
||||||
// 生成角标
|
// 生成角标
|
||||||
const tabbar = document.querySelectorAll('.uni-tabbar__item')[2].querySelector('.uni-tabbar__bd');
|
if (messageCount.value.one + messageCount.value.two > 0) {
|
||||||
tabbar.style.position = 'relative';
|
const tabbar = document.querySelectorAll('.uni-tabbar__item')[2].querySelector('.uni-tabbar__bd');
|
||||||
const div = document.createElement('div');
|
tabbar.style.position = 'relative';
|
||||||
div.style.position = 'absolute';
|
const div = document.createElement('div');
|
||||||
div.style.backgroundColor = 'red';
|
div.style.position = 'absolute';
|
||||||
div.style.color = 'white';
|
div.style.backgroundColor = 'red';
|
||||||
div.style.width = '16px';
|
div.style.color = 'white';
|
||||||
div.style.height = '16px';
|
div.style.width = '16px';
|
||||||
div.style.borderRadius = '50%';
|
div.style.height = '16px';
|
||||||
div.style.display = 'flex';
|
div.style.borderRadius = '50%';
|
||||||
div.style.justifyContent = 'center';
|
div.style.display = 'flex';
|
||||||
div.style.alignItems = 'center';
|
div.style.justifyContent = 'center';
|
||||||
div.style.fontSize = '12px';
|
div.style.alignItems = 'center';
|
||||||
div.style.right = '-12px';
|
div.style.fontSize = '12px';
|
||||||
div.style.top = '0';
|
div.style.right = '-12px';
|
||||||
div.innerText = messageCount.value.one + messageCount.value.two;
|
div.style.top = '0';
|
||||||
tabbar.appendChild(div);
|
div.innerText = messageCount.value.one + messageCount.value.two;
|
||||||
|
tabbar.appendChild(div);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user