多语言--

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div id="app" :dir="dir">
     <router-view />
   </div>
 </template>
@@ -7,5 +7,16 @@
 <script>
 export default {
   name: "App",
+  data() {
+    return {
+      dir: "ltr",
+    };
+  },
+  created() {
+    let lang_type = localStorage.getItem("language_type");
+    if (lang_type == "AR") {
+      this.dir = "rtl";
+    }
+  },
 };
 </script>

src/components/Personalcenter/Mymessage.vue

@@ -253,7 +253,7 @@ export default {
           width: 40px;
           height: 40px;
           border-radius: 100%;
-          margin-right: 16px;
+
           &.sys-active {
             background: #ff9900;
           }
@@ -269,6 +269,7 @@ export default {
           }
         }
         .cc-msg {
+          margin: 0 16px;
           &-main {
             display: flex;
             justify-content: flex-start;

src/components/Personalcenter/Mytextbook.vue

@@ -170,8 +170,10 @@ export default {
     clear: both;
     overflow: hidden;
     padding: 16px 32px 14px;
+    display: flex;
+    flex-flow: wrap;
     > div {
-      float: left;
+      // float: left;
       width: 120px;
       margin: 0px 28px 24px 28px;
       cursor: pointer;

src/views/Personalcenter.vue

@@ -33,7 +33,7 @@
             </div>
           </div>
           <!-- 导航 -->
-          <div class="navList" :dir="dir">
+          <div class="navList">
             <div
               :class="SeleNavId == item.id ? 'select' : ''"
               v-for="(item, i) in navList"
@@ -129,7 +129,6 @@ export default {
   data() {
     //这里存放数据
     return {
-      dir: "ltr",
       userInfor: null,
       userMessage: null, //登录信息
       SeleNavId: 0,
@@ -342,10 +341,6 @@ export default {
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   async created() {
-    let lang_type = localStorage.getItem("language_type");
-    if (lang_type == "AR") {
-      this.dir = "rtl";
-    }
     let userInfor = getToken();
     if (this.$route.query.SeleNavId) {
       this.SeleNavId = this.$route.query.SeleNavId;