Skip to content

E
educationStu
Commit 30b0739c authored by 罗超's avatar 罗超
Browse files
Options

2

parent e55a44a5
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 90 deletions
src/pages/word/studyComplete.vue
View file @ 30b0739c
<style scoped> <style scoped>
.studyCompleta{ .studyCompleta {
width:100%; width: 100%;
height:100vh; height: 100vh;
background: rgba(69,69,69,.9); background: rgba(69, 69, 69, .9);
} }
.stuComTop{
.stuComTop {
display: flex; display: flex;
color:#FFFFFF; color: #FFFFFF;
padding-top:60rpx; padding-top: 60rpx;
} }
.studyMain{
width:85%; .studyMain {
height:65vh; width: 85%;
height: 65vh;
background-color: #fff; background-color: #fff;
border-radius: 24rpx; border-radius: 24rpx;
margin:auto; margin: auto;
position: relative; position: relative;
top:120px; top: 120px;
text-align: center; text-align: center;
} }
.starList{
.starList {
position: absolute; position: absolute;
width:100%; width: 100%;
top:-70px; top: -70px;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.stars{
margin-right:20px; .stars {
margin-right: 20px;
} }
.stars:last-child{
margin-right:0; .stars:last-child {
margin-right: 0;
} }
.stars img{
width:37px; .stars img {
height:37px; width: 37px;
height: 37px;
} }
.studyContra{
padding-top:43px; .studyContra {
font-size:26px; padding-top: 43px;
color:#111111; font-size: 26px;
color: #111111;
font-weight: bold; font-weight: bold;
} }
.study_Success{
font-size:34rpx; .study_Success {
color:#111111; font-size: 34rpx;
color: #111111;
font-weight: bold; font-weight: bold;
margin-top:15px; margin-top: 15px;
} }
.study_Score{
font-size:30px; .study_Score {
color:#FAC217; font-size: 30px;
color: #FAC217;
font-weight: bold; font-weight: bold;
} }
.study_Time{
color:#111111; .study_Time {
font-size:24px; color: #111111;
font-size: 24px;
font-weight: bold; font-weight: bold;
margin-top:100rpx; margin-top: 100rpx;
} }
.study_Danwei{
font-size:14px; .study_Danwei {
font-size: 14px;
} }
.study_Jiyi{
color:#999999; .study_Jiyi {
font-size:22rpx; color: #999999;
margin:8rpx 0 80rpx 0; font-size: 22rpx;
margin: 8rpx 0 80rpx 0;
} }
.study_GoCeshi{
width:300rpx; .study_GoCeshi {
height:80rpx; width: 300rpx;
height: 80rpx;
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
border-radius: 40rpx; border-radius: 40rpx;
color:#fff; color: #fff;
background-color: #4C50E7; background-color: #4C50E7;
margin:auto; margin: auto;
} }
.study_GoLearn{
width:300rpx; .study_GoLearn {
height:80rpx; width: 300rpx;
height: 80rpx;
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
border-radius: 40rpx; border-radius: 40rpx;
color:#4C50E7; color: #4C50E7;
background-color: #E4E5FB; background-color: #E4E5FB;
margin:36rpx auto; margin: 36rpx auto;
} }
.studyBack{
color:#BBBCCE; .studyBack {
margin-top:60rpx; color: #BBBCCE;
margin-top: 60rpx;
} }
.study_Piao{
width:49px; .study_Piao {
height:13px; width: 49px;
height: 13px;
position: absolute; position: absolute;
left:-20px; left: -20px;
top:58px; top: 58px;
} }
.study_Piao2{
width:29px; .study_Piao2 {
height:14px; width: 29px;
height: 14px;
position: absolute; position: absolute;
right:20px; right: 20px;
top:62px; top: 62px;
} }
.study_Piao3{
width:28px; .study_Piao3 {
height:17px; width: 28px;
height: 17px;
position: absolute; position: absolute;
left:37px; left: 37px;
top:251px; top: 251px;
} }
.study_Piao4{
width:47px; .study_Piao4 {
height:23px; width: 47px;
height: 23px;
position: absolute; position: absolute;
right:-10px; right: -10px;
top:200px; top: 200px;
} }
</style> </style>
<template> <template>
<view class="studyCompleta"> <view class="studyCompleta">
<view class="stuComTop"> <view class="stuComTop">
<view style="margin-left:20rpx;flex-shrink: 0;"> <view style="margin-left:20rpx;flex-shrink: 0;">
<van-icon name="arrow-left" color="#FFF" /> <van-icon name="arrow-left" color="#FFF" @click="back" />
</view> </view>
<view style="width:100%;text-align: center;">学习小结</view> <view style="width:100%;text-align: center;">学习小结</view>
</view> </view>
<view class="studyMain"> <view class="studyMain">
<view class="starList"> <view class="starList">
<van-rate v-model="stars" :size="40" :disabled="true" disabled-color="#FAC217" color="#FAC217" void-color="#b2b2b2" :count="3" /> <van-rate v-model="stars" :size="40" :disabled="true" disabled-color="#FAC217" color="#FAC217"
void-color="#b2b2b2" :count="3" />
</view> </view>
<view class="studyContra">恭喜你</view> <view class="studyContra">恭喜你</view>
<view class="study_Success"> <view class="study_Success">
...@@ -139,15 +159,19 @@ ...@@ -139,15 +159,19 @@
<view class="study_Time"> <view class="study_Time">
2<text class="study_Danwei">min</text> 2<text class="study_Danwei">min</text>
</view> </view>
<img class="study_Piao" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao1.png" alt="" /> <img class="study_Piao"
<img class="study_Piao2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao2.png" alt="" /> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao1.png" alt="" />
<img class="study_Piao3" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao3.png" alt="" /> <img class="study_Piao2"
<img class="study_Piao4" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao4.png" alt="" /> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao2.png" alt="" />
<img class="study_Piao3"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao3.png" alt="" />
<img class="study_Piao4"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao4.png" alt="" />
<view class="study_Jiyi">记忆时长</view> <view class="study_Jiyi">记忆时长</view>
<view class="study_GoCeshi">马上去测试</view> <view class="study_GoCeshi">马上去测试</view>
<view class="study_GoLearn">再学习一次</view> <view class="study_GoLearn">再学习一次</view>
<view class="studyBack">返回首页</view> <view class="studyBack" @click="goIndex">返回首页</view>
</view> </view>
</view> </view>
</template> </template>
...@@ -166,21 +190,29 @@ ...@@ -166,21 +190,29 @@
} from "vue"; } from "vue";
export default { export default {
components: { components: {
}, },
onLoad(options) { onLoad(options) {
}, },
setup(props) { setup(props) {
let data = reactive({ let data = reactive({
stars:2 stars: 2
}) })
let methods = { let methods = {
back() {
uni.redirectTo({
url: '/pages/index/index'
})
},
goIndex(){
uni.switchTab({
url: '/pages/index/index'
});
}
} }
onMounted(() => { onMounted(() => {
}) })
let that = methods; let that = methods;
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment