|
|
@@ -49,7 +49,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getUserInfo, getUserFollowing, getUserFollower, checkRelation, followUser, unfollowUser } from "@/api/user";
|
|
|
+import { checkRelation, followUser, unfollowUser } from "@/api/user";
|
|
|
|
|
|
export default {
|
|
|
name: 'UserAvatarCard',
|
|
|
@@ -82,6 +82,8 @@ export default {
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
+ created() {
|
|
|
+ },
|
|
|
methods: {
|
|
|
followUser(userId) {
|
|
|
if (this.followButton.text === '关注') {
|
|
|
@@ -108,62 +110,8 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-.time {
|
|
|
- font-size: 15px;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.bottom {
|
|
|
- margin-top: 13px;
|
|
|
- line-height: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.tit {
|
|
|
- font-weight: 700;
|
|
|
- font-size: 18px;
|
|
|
-
|
|
|
- height: 50px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2; /*行数*/
|
|
|
- -webkit-box-orient: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-.num {
|
|
|
- position: relative;
|
|
|
- font-size: 15px;
|
|
|
- padding-top: 9px;
|
|
|
-}
|
|
|
-
|
|
|
/*处于手机屏幕时*/
|
|
|
@media screen and (max-width: 768px) {
|
|
|
- .tit {
|
|
|
- font-weight: 600;
|
|
|
- font-size: 12px;
|
|
|
- height: 32px;
|
|
|
- }
|
|
|
- .time {
|
|
|
- font-size: 10px;
|
|
|
- color: #999;
|
|
|
- }
|
|
|
- .num {
|
|
|
- font-size: 9px;
|
|
|
- padding-top: 3px;
|
|
|
- }
|
|
|
- .bottom {
|
|
|
- margin-top: 2px;
|
|
|
- line-height: 7px;
|
|
|
- }
|
|
|
- .coverImg {
|
|
|
- height: 120px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.coverImg {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: block;
|
|
|
}
|
|
|
|
|
|
.clearfix:before,
|
|
|
@@ -175,25 +123,4 @@ export default {
|
|
|
.clearfix:after {
|
|
|
clear: both;
|
|
|
}
|
|
|
-
|
|
|
-.card {
|
|
|
- margin-bottom: 20px;
|
|
|
- transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
|
|
|
-}
|
|
|
-
|
|
|
-/*.card:hover {
|
|
|
- !*鼠标放上之后元素变成1.06倍大小*!
|
|
|
- transform: scale(1.06);
|
|
|
-}*/
|
|
|
-.imgs {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.play-icon {
|
|
|
- position: absolute;
|
|
|
- /*top: -15px;*/
|
|
|
- right: 2%;
|
|
|
- bottom: 5px;
|
|
|
- z-index: 7;
|
|
|
- width: 40px;
|
|
|
-}
|
|
|
</style>
|