|
|
@ -6,8 +6,7 @@
|
|
|
|
:key="index">
|
|
|
|
:key="index">
|
|
|
|
<div class="tree-hole-content"
|
|
|
|
<div class="tree-hole-content"
|
|
|
|
:class="{ leftTreeHole: index % 2 === 0 && !$common.mobile(), rightTreeHole: index % 2 !== 0 || $common.mobile() }">
|
|
|
|
:class="{ leftTreeHole: index % 2 === 0 && !$common.mobile(), rightTreeHole: index % 2 !== 0 || $common.mobile() }">
|
|
|
|
<el-avatar shape="square" class="avatar-img" :size="36"
|
|
|
|
<el-avatar shape="circle" class="avatar-img" :size="36" :src="currentUser.avatar"></el-avatar>
|
|
|
|
:src="avatar"></el-avatar>
|
|
|
|
|
|
|
|
<div class="tree-hole-box"
|
|
|
|
<div class="tree-hole-box"
|
|
|
|
:style="{background: $constant.tree_hole_color[index % $constant.tree_hole_color.length]}">
|
|
|
|
:style="{background: $constant.tree_hole_color[index % $constant.tree_hole_color.length]}">
|
|
|
|
<div class="box-tag" v-if="index % 2 === 0 && !$common.mobile()"
|
|
|
|
<div class="box-tag" v-if="index % 2 === 0 && !$common.mobile()"
|
|
|
@ -49,7 +48,9 @@
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {}
|
|
|
|
return {
|
|
|
|
|
|
|
|
currentUser: this.$store.state.currentUser,
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
computed: {},
|
|
|
|
computed: {},
|
|
|
|