11

src/views/index/camp/SignUp.vue

@@ -61,12 +61,17 @@
       center
     >
       <div class="msg" @click="toMsgDetail">
-        <div class="title">通知栏标题 邀请您的参与</div>
+        <!-- <el-badge is-dot class="item">数据查询</el-badge> -->
+     <!-- <el-badge is-dot class="item"> -->
+
+        <el-badge is-dot class="item title" >通知栏标题 邀请您的参与</el-badge>
         <div class="time">2022-8-1</div>
         <div class="msg_content">
           近日，营地工作组收到部分中学师生反映有机构及个人以高出营地费用的价格出售营地活动名额。
           对此，营地工作组严正声明如下：营地工作组从未授权任何单位、媒体、机构或个人举办营利性商业讲座、培训班、训练营或其他形式的营地招生活动。工作组对有违规操作行为的机构或个人保留追究法律责任的权利。
         </div>
+
+        <!-- </el-badge> -->
       </div>
       <el-checkbox v-model="checked">不再提示</el-checkbox>
     </el-dialog>
@@ -390,6 +395,10 @@ export default {
 .flex {
   display: flex;
 }
+.item {
+  margin-top: 10px;
+  margin-right: 40px;
+}
 .el-dialog__wrapper{
   transition-duration: 0.3s;
 }
@@ -446,6 +455,7 @@ export default {
     background-color: #f2f2f2;
     padding: 10px 15px;
     .title {
+      width: 100%;
       font-size: 17px;
       font-weight: 600;
     }