底部

src/components/page/Login.vue

@@ -149,8 +149,8 @@ export default {
             activeName: '0',
             isReg: false,
             loginForm: {
-                username: '',
+                username: '15794146134',
-                password: '',
+                password: '111aaa',
             },
             loginRules: {
                 username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],

src/components/page/PersonalCenter.vue

@@ -2,7 +2,8 @@
     <div class="wrap">
         <!-- 头像部分 -->
         <div class="header">
-            <img :src="this.$store.state.avatar" class="HeadPortrait" />
+            <!-- <img :src="this.$store.state.avatar" class="HeadPortrait" /> -->
+            <el-avatar :size="80" :src="this.$store.state.avatar" class="Headtop"></el-avatar>
             <div style="color:#9278FF;font-size:14px;font-family:MicrosoftYaHei;margin-top:5px;">
                 <el-upload
                     class="upload-demo"
@@ -145,7 +146,7 @@
             </div>
 
             <div class="information" style="margin-top: 20px;">
-                <div class="archives" v-for="(archive,index) in archivesList" :key="index" v-show="index == 0 || showArch || archive.isNew">
+                <div class="archives" v-for="(archive,index) in archivesList" :key="index" v-show="index == 0 || showArch">
                     <div class="line">
                         <div class="item">
                             <span>职业</span>
@@ -249,7 +250,7 @@
             </div>
 
             <div class="fold" v-if="archivesList.length > 1">
-                <img style="width: 21px;height: 17px;" src="../../assets/img/open.png" alt="" @click="foldArch">
+                <img :class="{ 'arrowTransform': showArch, 'arrowTransformReturn': !showArch}" style="width: 21px;height: 17px;" src="../../assets/img/open.png" alt="" @click="foldArch">
             </div>
         </div>
 
@@ -997,6 +998,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.arrowTransform{
+    transition: 0.5s;
+    transform-origin: center;
+    transform: rotateZ(180deg);
+}
+.arrowTransformReturn{
+    transition: 0.5s;
+    transform-origin: center;
+    transform: rotateZ(0deg);
+}
 .wrap{
     height: calc(100vh - 60px);
     padding-top: 170px;
@@ -1038,12 +1049,12 @@ input:focus {
 .openfile {
     cursor: pointer;
 }
-.HeadPortrait {
+.Headtop {
     margin-top: 10px;
-    width: 80px;
+    // width: 80px;
-    height: 80px;
+    // height: 80px;
     // background: url('../../assets/img/img.jpg');
-    border-radius: 50%;
+    // border-radius: 50%;
 
     .head {
         width: 34px;