营地通知修改

src/main.js

@@ -7,13 +7,18 @@ import store from './store'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import '@/assets/scss/index.scss'
-import {download, upload} from "r/index/network.js";
+import {
+  download,
+  upload
+} from "r/index/network.js";
 import 'default-passive-events'
 
- 
 Vue.config.productionTip = false
 
+// 弹出框的时候滚动条隐藏和出现导致页面抖动问题
+ElementUI.Dialog.props.lockScroll.default = false;
 Vue.use(ElementUI)
+
 Vue.prototype.download = download
 Vue.prototype.upload = upload
 
@@ -34,13 +39,13 @@ Vue.prototype.$errorScroll = function errorScroll(callback) {
     //   behavior: 'smooth',
 
     // })
-   
 
-    if(document.getElementsByClassName('el-form-item__error').length>0){
-      this.$notify.error({ 
-        title: '提示',  
+
+    if (document.getElementsByClassName('el-form-item__error').length > 0) {
+      this.$notify.error({
+        title: '提示',
         message: document.getElementsByClassName('el-form-item__error')[0].innerText
-      }); 
+      });
     }
 
     // setTimeout(()=>{

src/views/index/camp/SignUp.vue

@@ -60,7 +60,7 @@
       width="520px"
       center
     >
-      <div class="msg">
+      <div class="msg" @click="toMsgDetail">
         <div class="title">通知栏标题 邀请您的参与</div>
         <div class="time">2022-8-1</div>
         <div class="msg_content">
@@ -81,6 +81,7 @@
       width="520px"
       center
     >
+      <div class="time">2022-8-1</div>
       <div>
         &emsp;&emsp;近日，营地工作组收到部分中学师生反映有机构及个人以高出营地费用的价格出售营地活动名额。
         对此，营地工作组严正声明如下：营地工作组从未授权任何单位、媒体、机构或个人举办营利性商业讲座、培训班、训练营或其他形式的营地招生活动。工作组对有违规操作行为的机构或个人保留追究法律责任的权利。
@@ -89,7 +90,7 @@
         &emsp;&emsp;希望广大师生以营地招生简章为准，不要轻信有关宣传，以免自身利益受损。如遇类似上述情况，可发送邮件至service@campcenter.cn反映核实。特此声明！
       </div>
       <div class="btn">
-        <el-button @click="dialogVisible = false">确 定</el-button>
+        <el-button @click="toBackList">返回营地通知列表</el-button>
       </div>
     </el-dialog>
 
@@ -204,6 +205,16 @@ export default {
     },
   },
   methods: {
+    // 营地通知 详情内容
+    toMsgDetail() {
+      this.dialogVisibleList = false;
+      this.dialogVisible = true;
+    },
+    // 返回营地通知列表
+    toBackList() {
+      this.dialogVisibleList = true;
+      this.dialogVisible = false;
+    },
     // 上一步回退
     lasStep() {
       signBack({}).then((res) => {
@@ -379,7 +390,9 @@ export default {
 .flex {
   display: flex;
 }
-
+.el-dialog__wrapper{
+  transition-duration: 0.3s;
+}
 .btn {
   text-align: center;
   // padding-bottom: 224px;
@@ -458,10 +471,17 @@ export default {
       font-size: 24px;
     }
   }
-
+  .el-dialog__body {
+    padding: 0 25px 25px 30px;
+  }
   div {
     font-size: 17px;
     line-height: 30px;
   }
+  .time {
+    text-align: center;
+    font-size: 15px;
+    color: #a9a9a9;
+  }
 }
 </style>