勋章样式

src/components/Portal/medalDlg.vue

@@ -0,0 +1,31 @@
+<template>
+<!--  <el-dialog
+      :close-on-click-modal="false"
+      :visible.sync="interestCollection"
+      :append-to-body="true"  top="7vh" @close="closeDialog" custom-class="hobby-dialog">
+      <div class="interest_title">
+        <span class="text_84">请选择您的</span>
+        <span class="text_85">学习兴趣</span>
+        <span class="text_86">，至少三个，可随时调整</span>
+      </div>
+      <div style="margin-top:0px;min-width: 770px;max-width:950px;">
+
+        <div class="interest" v-for="(sys,index) in sysTypeListMap" :key="sys.id">
+           <p class="portal-title-tow interest-title">{{sys.name}}</p>
+           <el-checkbox-group v-model="checkboxGroup" v-if="sys.children.length > 0">
+            <el-checkbox size="medium" border v-for="ch in sys.children" :label="ch.id" :key="ch.id">{{ch.name}}</el-checkbox>
+          </el-checkbox-group>
+         </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <div><el-button type="primary" class="btn-one" @click="saveInterest()">生成我的兴趣偏好</el-button></div>
+        <div><el-button @click="notYet()" class="btn-tow" type="text">暂不选择</el-button></div>
+      </div>
+    </el-dialog> -->
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

src/views/Index.vue

@@ -430,7 +430,7 @@
     <interest-Collection ref="userCollection"></interest-Collection> <!-- 兴趣偏好 -->
     <guide-box ref="guide" @close="closeGuide"></guide-box> <!-- 引导页 -->
     <!--登录勋章-->
-    <el-dialog width="320px"  class="medalbox"   :visible.sync="showLoginMedal"  :append-to-body="true" >
+    <el-dialog width="320px"  class="medalbox"  :show-close="true"  :visible.sync="showLoginMedal"  :append-to-body="true" >
         <div class="medal-img">
            <!--登录勋章显示，根据UI显示修改-->
            <img :src="`${webBaseUrl}/images/login_medal.png`" alt="">
@@ -501,7 +501,7 @@
     },
     data() {
       return {
-        showLoginMedal:false,//是否显示登录勋章
+        showLoginMedal:true,//是否显示登录勋章
         lastStudy:{},
         overlayShow:false,
         userData: {  uvalue:0, totalStudyHour:0  },
@@ -1070,7 +1070,7 @@
    background: transparent !important;
    box-shadow:none !important;
    .el-dialog__header{
-     display: none !important;
+     //display: none !important;
    }
    .el-dialog__body{
     //  width: 320px !important;