style(noticePopup): 代码格式化

components/noticePopup.vue

@@ -5,26 +5,28 @@
  * @Date: 2022-08-08 10:42:29
 -->
 <template>
-  <u-popup :show="noticeFlag" class="notice" width="70%" @close="closeTap"
+  <u-popup
-  mode="center">
+    :show="noticeFlag"
+    class="notice"
+    width="70%"
+    @close="closeTap"
+    mode="center"
+  >
     <div class="title">
       {{ content.title }}
     </div>
-	<div class="close-icons" @click="closeTap">
+    <div class="close-icons" @click="closeTap">
-		<u-icon name="close"></u-icon>
+      <u-icon name="close"></u-icon>
-	</div>
+    </div>
     <div class="img-auto" v-html="content.content"></div>
-<!--    <div class="surebtn1">-->
+    
-<!--      <div class="btn hh" @click="closeTap">取消</div>-->
-<!--        <div class="btn " @click="closeTap">{{ '确认' }}</div>-->
-<!--    </div>-->
   </u-popup>
 </template>
 
 <script>
 import * as api from '@/config/login.js'
 export default {
-  name: "Title",
+  name: 'Title',
   props: {
     userInfo: {
       type: Object,
@@ -36,47 +38,49 @@ export default {
   data() {
     return {
       noticeFlag: false,
-      content: "",
+      content: '',
-    };
+    }
   },
   mounted() {
-    this.getUserTc();
+    this.getUserTc()
   },
   methods: {
-      closeTap(){
+    closeTap() {
-        this.noticeFlag = false
+      this.noticeFlag = false
-        // this.$emit("getTree");
+      // this.$emit("getTree");
-      },
+    },
     getUserTc(data) {
-      api.indexPopScreen({
+      api
-        grade: this.userInfo.pkGradeId,
+        .indexPopScreen({
-        awards: this.userInfo.pkAwardsId,
+          grade: this.userInfo.pkGradeId,
-      }).then((res) => {
+          awards: this.userInfo.pkAwardsId,
-        if (res.code == "200") {
+        })
-          let list = JSON.parse(localStorage.getItem("menuList"));
+        .then(res => {
-          let arr = res.data[0].publishLocation.split(",");
+          if (res.code == '200') {
-          arr.forEach((items) => {
+            let list = JSON.parse(localStorage.getItem('menuList'))
-            if (items == this.publishLocationIndex) {
+            let arr = res.data[0].publishLocation.split(',')
-              this.noticeFlag = true;
+            arr.forEach(items => {
-              this.content = res.data[0];
+              if (items == this.publishLocationIndex) {
-            }
+                this.noticeFlag = true
-          });
+                this.content = res.data[0]
-        }
+              }
-      });
+            })
+          }
+        })
     },
   },
-};
+}
 </script>
 
 <style lang="scss" scoped>
-	.close-icons{
+.close-icons {
-		position: absolute;
+  position: absolute;
-		right: 30rpx;
+  right: 30rpx;
-		top: 30rpx;
+  top: 30rpx;
-	}
+}
-::v-deep .u-popup__content{
+::v-deep .u-popup__content {
-	height: 1120rpx;
+  height: 1120rpx;
-	width: 690rpx;
+  width: 690rpx;
 }
 // .notice{
 // 	height: 700rpx;
@@ -86,12 +90,12 @@ export default {
   //visibility: hidden;
   color: #333;
 }
-::v-deep .el-dialog{
+::v-deep .el-dialog {
-  margin-top:113px !important;
+  margin-top: 113px !important;
-  height:815px;
+  height: 815px;
   margin-bottom: 0;
 }
-::v-deep .el-dialog__body{
+::v-deep .el-dialog__body {
   padding-bottom: 20px;
 }
 .surebtn1 {
@@ -107,7 +111,9 @@ export default {
     border-radius: 6px 6px 6px 6px;
     text-align: center;
     font-size: 22px;
-    font-family: PingFang SC-Medium, PingFang SC;
+    font-family:
+      PingFang SC-Medium,
+      PingFang SC;
     font-weight: 500;
     color: #ffffff;
     line-height: 66px;
@@ -133,9 +139,9 @@ export default {
   padding-top: 10px;
 }
 .title {
- font-size: 40rpx;
+  font-size: 40rpx;
- text-align: center;
+  text-align: center;
- margin: 20rpx auto;
+  margin: 20rpx auto;
   color: #333;
   font-weight: bold;
 }
@@ -151,4 +157,4 @@ export default {
     height: auto;
   }
 }
-</style>
+</style>