|
@@ -4,7 +4,8 @@ import {
|
|
|
reactive,
|
|
reactive,
|
|
|
onMounted,
|
|
onMounted,
|
|
|
ref,
|
|
ref,
|
|
|
- nextTick
|
|
|
|
|
|
|
+ nextTick,
|
|
|
|
|
+ computed
|
|
|
} from 'vue'
|
|
} from 'vue'
|
|
|
import {
|
|
import {
|
|
|
ElTag,
|
|
ElTag,
|
|
@@ -71,6 +72,9 @@ export default defineComponent({
|
|
|
})
|
|
})
|
|
|
const route = useRoute()
|
|
const route = useRoute()
|
|
|
const router = useRouter()
|
|
const router = useRouter()
|
|
|
|
|
+ const users = computed(() => {
|
|
|
|
|
+ return state.user.data
|
|
|
|
|
+ })
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
nextTick(() => {
|
|
nextTick(() => {
|
|
|
setUser()
|
|
setUser()
|
|
@@ -85,7 +89,7 @@ export default defineComponent({
|
|
|
// LIVE：直播课，
|
|
// LIVE：直播课，
|
|
|
// MUSIC：曲目 逗号隔开
|
|
// MUSIC：曲目 逗号隔开
|
|
|
let status = false
|
|
let status = false
|
|
|
- const userInfo = getUserInfo()
|
|
|
|
|
|
|
+ const userInfo = users.value
|
|
|
switch (type) {
|
|
switch (type) {
|
|
|
case 'STYLE':
|
|
case 'STYLE':
|
|
|
case 'VIDEO':
|
|
case 'VIDEO':
|
|
@@ -110,7 +114,8 @@ export default defineComponent({
|
|
|
return status
|
|
return status
|
|
|
}
|
|
}
|
|
|
const setUser = () => {
|
|
const setUser = () => {
|
|
|
- states.user = getUserInfo()
|
|
|
|
|
|
|
+ states.user = users.value
|
|
|
|
|
+ console.log(users.value, 'users.value')
|
|
|
states.userType = getUserType()
|
|
states.userType = getUserType()
|
|
|
if (states.user.userType) {
|
|
if (states.user.userType) {
|
|
|
if (
|
|
if (
|
|
@@ -237,6 +242,7 @@ export default defineComponent({
|
|
|
|
|
|
|
|
return {
|
|
return {
|
|
|
...toRefs(states),
|
|
...toRefs(states),
|
|
|
|
|
+ users,
|
|
|
gotoPage,
|
|
gotoPage,
|
|
|
changeRoute,
|
|
changeRoute,
|
|
|
checkBadge,
|
|
checkBadge,
|
|
@@ -306,7 +312,7 @@ export default defineComponent({
|
|
|
onClick={() => this.gotoFans('/userInfo/myFans')}
|
|
onClick={() => this.gotoFans('/userInfo/myFans')}
|
|
|
>
|
|
>
|
|
|
<p class={classes.dropdownItemTitle}>
|
|
<p class={classes.dropdownItemTitle}>
|
|
|
- {this.user.fansNum || 0}
|
|
|
|
|
|
|
+ {this.users.fansNum || 0}
|
|
|
</p>
|
|
</p>
|
|
|
<p class={classes.dropdownItemsubTitle}>粉丝</p>
|
|
<p class={classes.dropdownItemsubTitle}>粉丝</p>
|
|
|
</div>
|
|
</div>
|
|
@@ -315,7 +321,7 @@ export default defineComponent({
|
|
|
onClick={() => this.gotoFans('/userInfo/musicClass')}
|
|
onClick={() => this.gotoFans('/userInfo/musicClass')}
|
|
|
>
|
|
>
|
|
|
<p class={classes.dropdownItemTitle}>
|
|
<p class={classes.dropdownItemTitle}>
|
|
|
- {this.user.musicSheetNum || 0}
|
|
|
|
|
|
|
+ {this.users.musicSheetNum || 0}
|
|
|
</p>
|
|
</p>
|
|
|
<p class={classes.dropdownItemsubTitle}>乐谱</p>
|
|
<p class={classes.dropdownItemsubTitle}>乐谱</p>
|
|
|
</div>
|
|
</div>
|
