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

修改

Browse Source
This commit is contained in:
lmj
2022-09-19 14:11:41 +08:00
parent 6b80c08540
commit 633357488e
3 changed files with 141 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,11 +1,41 @@
<template>
<div class="u-currency" style="padding:26px 40px;display:flex;">
<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>
<el-button>导出记录</el-button>
</div>
<div class="Ubi-hist">
<h6>U币历史记录</h6><span>（最多保留近7天的记录）</span>
</div>
<div class="my-Recording">
<h3>5月31日</h3>
<div class="Recording-info">
<div>发布笔记</div>
<div><img src="" alt=""> +5</div>
<div class="info-tit">发布笔记</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">回答问题</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">意见反馈</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
</div>
<div class="my-Recording">
<h3>5月29日</h3>
<div class="Recording-info">
<div class="info-tit">发布笔记</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">回答问题</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
<div class="Recording-info">
<div class="info-tit">意见反馈</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt=""> +5</div>
</div>
</div>
</div>
@@ -113,31 +143,90 @@
</div>
</div>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
}
<script>
</script>
<style lang="scss" scoped>
.Recording-info{
margin-top: 12px;
height: 45px;
border-bottom: 1px solid #ddd;
.info-tit{
float: left;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 40px;
}
.info-Gold{
float: right;
font-size: 18px;
color: #333333;
font-weight: 400;
line-height: 40px;
img{
width: 54px;
height: 32px;
vertical-align: middle;
}
}
}
.Ubi-hist{
margin-top: 15px;
h6{
font-size: 16px;
font-weight: 600;
color: #333333;
margin: 0;
float: left;
}
span{
font-size: 14px;
font-weight: 600;
color: #999999;
}
}
</script>
<style lang="scss" scoped>
.u-currency{
padding:26px 40px;
display:flex;
}
.ubi-hear{
height: 40px;
button{
width: 140px;
height: 40px;
border-radius: 2px;
border: 1px solid rgba(153,153,153,0.35);
float: right;
}
span{
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 40px;
}
h6{
margin: 0;
margin-right: 18px;
line-height: 40px;
float: left;
color: #333333;
font-size: 18px;
font-weight: 600;
}
}
.myubi{
flex: 1;
margin-right: 107px;
}
.omit{
padding-left: 20px;
div{
font-size: 30px;
line-height: 10px;
color: #D8D8D8;
}
padding-left: 20px;
div{
font-size: 30px;
line-height: 10px;
color: #D8D8D8;
}
}
.exp-table{
width: 100%;
@@ -145,7 +234,6 @@
.table-hear{
display: flex;
div{
// margin-right: 13%;
min-width: 90px;
font-size: 14px;
font-weight: 400;
@@ -160,7 +248,7 @@
text-align: right;
margin-right: 0;
text-align: center;
}
}
}
@@ -228,7 +316,7 @@
}
.tab-rank{
// text-align: center;
img{
width: 40px;
height: 40px;
@@ -309,10 +397,10 @@
z-index: 999;
}
}
}
}
</style>