You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.2 KiB
48 lines
1.2 KiB
<template>
|
|
<view>
|
|
<view class="container u-skeleton">
|
|
<view class="userinfo">
|
|
<block>
|
|
<!--u-skeleton-circle 绘制圆形-->
|
|
<u-avatar :src="src"></u-avatar>
|
|
<!--u-skeleton-fillet 绘制圆角矩形-->
|
|
<text class="u-skeleton-fillet">{{nickName || '超级管理员'}}</text>
|
|
</block>
|
|
</view>
|
|
<view style="margin: 20px 0">
|
|
<view v-for="(item,index) in lists" :key="index" class="lists">
|
|
<!--u-skeleton-rect 绘制矩形-->
|
|
<text class="u-skeleton-rect">{{item}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--引用组件-->
|
|
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapState
|
|
} from 'vuex';
|
|
export default {
|
|
computed: mapState(['avatar', 'nickname', 'type']),
|
|
data() {
|
|
return {
|
|
loading: false, // 是否显示骨架屏组件 修改一下 提交
|
|
src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg'
|
|
};
|
|
},
|
|
created() {
|
|
console.log(mapState, 'mapState', this.avatar)
|
|
},
|
|
onLoad() {
|
|
console.log(mapState, 'mapState', this.avatar)
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|