hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 19:36:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

弹出勋章样式

Browse Source
This commit is contained in:
lmj
2022-10-29 15:30:05 +08:00
parent 0a0cfd1210
commit 35742487a6
1 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/Index.vue
View File

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