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

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-22 19:47:19 +08:00
parent 7bf9c6e40d
commit 1cb22d4090
7 changed files with 123 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/medal/Index.vue
View File

@@ -7,14 +7,19 @@
<el-tab-pane label="社交勋章" name="third"></el-tab-pane>
<el-tab-pane label="成就勋章" name="fourth"></el-tab-pane>
</el-tabs>
<div class="medal-list" >
<div class="medal-list" v-if="medalData.length > 0">
<div class="medal-index" v-for="item in medalData" :key="item.id">
<medal-img :item="item"></medal-img>
<p class="index-title">{{item.medalName}}</p>
<p class="index-text">您已超过{{item.exceed}}人</p>
<el-button class="btn" type="primary" @click="goView(item)">查看详情</el-button>
</div>
</div>
<div v-else class="home-no-list">
<img class="img" style="width:360px;height:226px" src="/images/homeWu/no-madel.png" alt="" srcset="">
<p class="text" style="color: #333333;margin-top:50px;font-size: 14px">你目前还没有勋章哦～</p>
</div>
<el-dialog class="medal-dialog" title="提示" :visible.sync="dialogVisible" width="657px" top="200px">
<div class="medal-box">
<div class="medal-top">

100
src/views/ucurrency/Index.vue
View File

@@ -2,7 +2,7 @@
<div class="u-currency" >
<div class="myubi">
<div class="ubi-hear">
<h6>我的U币:367</h6><span>U币规则 <i class="el-icon-arrow-right"></i> </span>
<h6>我的U币:367</h6><span class="cursor-pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
<el-button>导出记录</el-button>
</div>
<div class="Ubi-hist">
@@ -141,13 +141,109 @@
</div>
</div>
<el-dialog
:visible.sync="dialogVisible"
:show-close="false"
width="716px">
<div class="dialog-box">
<div class="box-top">
<p style="font-size: 26px;font-weight: 600;margin-bottom: 4px;">U币规则</p>
<p style="font-size: 14px;line-height: 20px;">学员每日通过积分规则获得积分的上限为150积分，当天达到上限后，将 不能通过积分规则获得积分</p>
</div>
<div class="box-table">
<p class="table-title portal-title-tow"><span></span>学习</p>
<el-table
:data="tableData"
style="width: 100%;height:320px;overflow-y: auto;">
<el-table-column
prop="date"
label="分类"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="描述"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="经验值/U币">
</el-table-column>
<el-table-column
prop="address"
label="每日上限">
</el-table-column>
</el-table>
</div>
<div class="dialog-close" @click="dialogVisible=false">
<img style="width:86px;height:86px" src="/images/homeWu/u-close.png" alt="">
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import apiStat from '@/api/phase2/stat.js';
import { mapGetters } from 'vuex';
export default{
computed: {
...mapGetters(['userInfo']),
},
components: {},
data(){
return{
dialogVisible:false,
tableData:[]
}
},
mounted() {
},
methods:{
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog{
border-radius: 8px;
}
::v-deep .el-dialog__header{
display: none;
}
::v-deep .el-dialog__body{
padding: 0;
}
.dialog-box{
position: relative;
.dialog-close{
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: -127px;
}
.box-top{
color: #FBA511;
padding: 26px 212px 17px 61px;
background: url('/images/homeWu/u-bg.png') no-repeat;
}
.box-table{
padding: 26px 14px 40px 66px;
.table-title{
margin-bottom: 18px;
span{
display: inline-block;
width: 6px;
height: 18px;
background: #0060FF;
border-radius: 4px;
margin-right: 10px;
}
}
}
}
.Recording-info{
margin-top: 12px;
height: 45px;