弹出勋章样式

src/views/Index.vue

@@ -426,8 +426,8 @@
     <interest-Collection ref="userCollection"></interest-Collection> <!-- 兴趣偏好 -->
     <guide-box ref="guide" @close="closeGuide"></guide-box> <!-- 引导页 -->
     <!--登录勋章-->
-    <el-dialog  :close-on-click-modal="false"  :visible.sync="showLoginMedal"  :append-to-body="true" >
-        <div>
+    <el-dialog   class="medalbox"   :visible.sync="showLoginMedal"  :append-to-body="true" >
+        <div class="medal-img">
            <!--登录勋章显示，根据UI显示修改-->
            <img :src="`${webBaseUrl}/images/login_medal.png`" alt="">
         </div>
@@ -497,7 +497,7 @@
     },
     data() {
       return {
-        showLoginMedal:false,//是否显示登录勋章
+        showLoginMedal:true,//是否显示登录勋章
         lastStudy:{},
         overlayShow:false,
         userData: {  uvalue:0, totalStudyHour:0  },
@@ -1044,6 +1044,26 @@
 </script>
 
 <style scoped lang="scss">
+.medal-img{
+  text-align: center;
+}
+.medalbox {
+  background: transparent !important;
+ ::v-deep .el-dialog{
+   background: transparent !important;
+   box-shadow:none !important;
+   .el-dialog__header{
+     display: none !important;
+   }
+   .el-dialog__body{
+    //  background: rgba(0, 0, 0, 0.1);
+    background: transparent !important;
+   }
+}
+}
+
+ 
+
 .case-inter-orgin{
   // width: 45%;
   float: left;