导航栏折叠按钮更新

@@ -8,7 +8,7 @@
                 <div class="tools" @click.prevent="collapse"  style="width: 15px;margin-top: 72px;margin-left:1px;z-index:9999;position:absolute;">
                 <div class="tools" @click.prevent="collapse"  style="width: 15px;margin-top: 72px;margin-left:1px;z-index:9999;position:absolute;">
 <!--                    ;margin-top: 80px;z-index:9999;margin-left: 170px-->
 <!--                    ;margin-top: 80px;z-index:9999;margin-left: 170px-->
 <!--                    <i class="el-icon-s-operation" style="color: rgb(38,56,76)"></i>-->
 <!--                    <i class="el-icon-s-operation" style="color: rgb(38,56,76)"></i>-->
-                    <img width="23" height="49" src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAArklEQVRYhe3YIQ4CMRBG4b+IOhyS26DXEjySBE6A4QSINasRSAx3guBJECTdLMn6dtp0Be8loz/Tjhh3OLVBEzSbAhUwMDAwMDAwMDAw8B/A5+PuNzEtF/NycGwDut9u6sIj6r2vB6eiRWALmg1b0SzYOWndrExoFhyC1F3vejxfdeGh9+er9nIz4dmPy4oX+U4WvNgCScWLrswRj4k7FzAwMDAwMDAwMDBwYnLqAfLHOpMP7/PBAAAAAElFTkSuQmCC">
+                    <img :class="[rotate?'go':'aa']" @click="start" width="23" height="49" src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAArklEQVRYhe3YIQ4CMRBG4b+IOhyS26DXEjySBE6A4QSINasRSAx3guBJECTdLMn6dtp0Be8loz/Tjhh3OLVBEzSbAhUwMDAwMDAwMDAw8B/A5+PuNzEtF/NycGwDut9u6sIj6r2vB6eiRWALmg1b0SzYOWndrExoFhyC1F3vejxfdeGh9+er9nIz4dmPy4oX+U4WvNgCScWLrswRj4k7FzAwMDAwMDAwMDBwYnLqAfLHOpMP7/PBAAAAAElFTkSuQmCC">
                 </div>
                 </div>
 <!--                标签i的图标 fa-align-justify-->
 <!--                标签i的图标 fa-align-justify-->
             </el-col>
             </el-col>
@@ -149,6 +149,7 @@
             //     }
             //     }
             // };
             // };
             return {
             return {
+                rotate:false,
                 sysName:'',
                 sysName:'',
                 collapsed:false,
                 collapsed:false,
                 // sysUserName: '',
                 // sysUserName: '',
@@ -185,7 +186,10 @@
             }
             }
         },
         },
         methods: {
         methods: {
-
+            start(){
+                this.rotate=!this.rotate;
+                console.log(this.rotate)
+            },
             reload() {
             reload() {
                 this.$nextTick(function () {
                 this.$nextTick(function () {
                    this.$router.push({
                    this.$router.push({
@@ -505,4 +509,7 @@
         min-width: 870px;
         min-width: 870px;
         max-width: 1190px;
         max-width: 1190px;
     }
     }
+    .go{
+        transform:rotate(-180deg);
+    }
 </style>
 </style>