mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-08 10:26:45 +08:00
139 lines
2.6 KiB
Vue
139 lines
2.6 KiB
Vue
<template>
|
||
<view style="background: #F9F9F9;">
|
||
<view class="ubtop" style="background-color: #fff;">
|
||
<view class="ub-heard">
|
||
我的u币
|
||
<image src="../../static/images/wenhao.png" mode=""></image>
|
||
</view>
|
||
<view class="top-content">
|
||
<view>367</view>
|
||
统计时间：2022–10-14
|
||
</view>
|
||
</view>
|
||
<view class="ub-list">
|
||
<text>2022年9月</text>
|
||
<view class="list-info">
|
||
<view class="info-left">
|
||
<view>试听学习 10 分钟</view>
|
||
2022-09-20 14:38
|
||
</view>
|
||
<view class="info-right">
|
||
+10
|
||
</view>
|
||
</view>
|
||
<view class="list-info">
|
||
<view class="info-left">
|
||
<view>试听学习 10 分钟</view>
|
||
2022-09-20 14:38
|
||
</view>
|
||
<view class="info-right">
|
||
+10
|
||
</view>
|
||
</view>
|
||
<view class="list-info">
|
||
<view class="info-left">
|
||
<view>试听学习 10 分钟</view>
|
||
2022-09-20 14:38
|
||
</view>
|
||
<view class="info-right">
|
||
+10
|
||
</view>
|
||
</view>
|
||
<view class="list-info">
|
||
<view class="info-left">
|
||
<view>试听学习 10 分钟</view>
|
||
2022-09-20 14:38
|
||
</view>
|
||
<view class="info-right">
|
||
+10
|
||
</view>
|
||
</view>
|
||
<view class="list-info">
|
||
<view class="info-left">
|
||
<view>试听学习 10 分钟</view>
|
||
2022-09-20 14:38
|
||
</view>
|
||
<view class="info-right">
|
||
+10
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.ub-list{
|
||
height: 100%;
|
||
padding: 32upx 36upx;
|
||
background-color: #fff;
|
||
text{
|
||
font-size: 44upx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
|
||
}
|
||
.list-info{
|
||
display: flex;
|
||
padding-top: 40upx ;
|
||
padding-bottom: 32upx;
|
||
border-bottom: 1px solid rgba(153,153,153,0.1);
|
||
.info-left{
|
||
flex: 1;
|
||
font-size: 24upx;
|
||
color: #999999;
|
||
font-weight: 400;
|
||
view{
|
||
font-size: 28upx;
|
||
color: #333333;
|
||
font-weight: 500;
|
||
padding-bottom: 16upx;
|
||
}
|
||
}
|
||
.info-right{
|
||
width: 90upx;
|
||
text-align: right;
|
||
padding-top: 20upx;
|
||
}
|
||
}
|
||
}
|
||
.ubtop{
|
||
width: 100%;
|
||
height: 392upx;
|
||
padding-bottom: 20upx;
|
||
background-image: url(../../static/images/ubbgimg.png);
|
||
background-repeat: no-repeat;
|
||
background-size: 100%;
|
||
.ub-heard{
|
||
text-align: center;
|
||
color: #FFFFFF;
|
||
font-weight: 500;
|
||
padding-top: 98upx;
|
||
font-size: 36upx;
|
||
position: relative;
|
||
image{
|
||
width: 40upx;
|
||
height: 40upx;
|
||
right: 36upx;
|
||
position: absolute;
|
||
// vertical-align: middle;
|
||
|
||
}
|
||
}
|
||
.top-content{
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 24upx;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
view{
|
||
color: #FFFFFF;
|
||
font-weight: 600;
|
||
font-size: 84upx;
|
||
}
|
||
}
|
||
}
|
||
</style>
|