|
@@ -1,10 +1,10 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div>
|
|
|
|
|
|
|
+ <div v-if="userInfo !== null">
|
|
|
<el-row class="movie-list">
|
|
<el-row class="movie-list">
|
|
|
<el-col :md="8">
|
|
<el-col :md="8">
|
|
|
- <user-avatar-card v-if="userInfo !== null" :user-avatar="userInfo" />
|
|
|
|
|
|
|
+ <user-avatar-card :user-avatar="userInfo" />
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :md="16">
|
|
|
|
|
|
|
+ <el-col :md="12">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<text-card />
|
|
<text-card />
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -122,12 +122,6 @@ export default {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
-.movie-list {
|
|
|
|
|
- padding-top: 15px;
|
|
|
|
|
- padding-left: 3%;
|
|
|
|
|
- padding-right: 3%;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
/*处于手机屏幕时*/
|
|
/*处于手机屏幕时*/
|
|
|
@media screen and (max-width: 768px){
|
|
@media screen and (max-width: 768px){
|
|
|
.movie-list {
|
|
.movie-list {
|
|
@@ -136,4 +130,10 @@ export default {
|
|
|
padding-right: 0.5%;
|
|
padding-right: 0.5%;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.movie-list {
|
|
|
|
|
+ padding-top: 15px;
|
|
|
|
|
+ padding-left: 3%;
|
|
|
|
|
+ padding-right: 3%;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
