parent
37b6d4edc3
commit
78eb1192ff
@ -1,70 +0,0 @@
|
|||||||
<page-meta>
|
|
||||||
<navigation-bar title="{{action_text[action]}}" />
|
|
||||||
</page-meta>
|
|
||||||
|
|
||||||
<view class="container" wx:if="{{!signUp && logIn}}">
|
|
||||||
<view class="block_blueBig">
|
|
||||||
<view class="white_big" bindtap="log_In">注册</view>
|
|
||||||
<form class="account-form" bindsubmit="onSubmit">
|
|
||||||
<view class="inputs">
|
|
||||||
<view class="input-wrap">
|
|
||||||
<image src="../../../images/denglu.png" class="mini_button"></image>
|
|
||||||
<input class="input" name="login" value="{{login}}" placeholder="邮箱或手机号"></input>
|
|
||||||
</view>
|
|
||||||
<view class="input-wrap">
|
|
||||||
<image src="../../../images/yanzhengma.png" class="mini_button"></image>
|
|
||||||
<input class="input" name="code" placeholder="验证码"></input>
|
|
||||||
<button plain id="code" form-type="submit" loading="{{code_status==2}}" disabled="{{code_status}}" style="width: 100rpx;">
|
|
||||||
{{code_button_text}}
|
|
||||||
</button>
|
|
||||||
</view>
|
|
||||||
<view class="input-wrap">
|
|
||||||
<image src="../../../images/suo.png" class="mini_button"></image>
|
|
||||||
<input password name="password" value="{{password}}" placeholder="请输入密码"></input>
|
|
||||||
</view>
|
|
||||||
<view class="input-wrap {{action=='reset'?'':'hidden'}}">
|
|
||||||
<image src="../../../images/suo.png" class="mini_button"></image>
|
|
||||||
<input password name="password_confirmation" placeholder="请再次输入密码"></input>
|
|
||||||
</view>
|
|
||||||
<view class="checkbox-wrap">
|
|
||||||
<switch type="checkbox" name="save_password" color="#00b0f0" checked="{{save_password}}">保存密码</switch>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<button class="register" id="register" form-type="submit" style="width:100%">注 册</button>
|
|
||||||
</form>
|
|
||||||
</view>
|
|
||||||
<view class="white_little block_red" bindtap="change" bindtap="sign_Up">登录</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
<view class="container" wx:else>
|
|
||||||
<view class="block_blue">
|
|
||||||
<view class="white_little" bindtap="log_In">注册</view>
|
|
||||||
</view>
|
|
||||||
<view class="white_big">登录</view>
|
|
||||||
<form class="account-form" bindsubmit="onSubmit">
|
|
||||||
<view class="inputs">
|
|
||||||
<view class="input-wrap">
|
|
||||||
<image src="../../../images/denglu.png" class="mini_button"></image>
|
|
||||||
<input class="input" name="login" value="{{login}}" placeholder="邮箱或手机号"></input>
|
|
||||||
</view>
|
|
||||||
<view class="input-wrap">
|
|
||||||
<image src="../../../images/suo.png" class="mini_button"></image>
|
|
||||||
<input class="input" password name="password" value="{{password}}" placeholder="请输入密码"></input>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="check_row">
|
|
||||||
<view class="save_password">
|
|
||||||
<switch type="checkbox" name="save_password" color="#00b0f0" checked="{{save_password}}">保存密码</switch>
|
|
||||||
</view>
|
|
||||||
<navigator class="reset" >忘记密码</navigator>
|
|
||||||
</view>
|
|
||||||
<button id="login" form-type="submit" class="login" style="width:100%">登 录</button>
|
|
||||||
</form>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="foot">
|
|
||||||
<navigator class="agreement" hover-class="none" url="/account/pages/agreement/agreement">
|
|
||||||
登录即代表您同意 <text class="color-main agreement">用户协议</text>
|
|
||||||
</navigator>
|
|
||||||
</view>
|
|
||||||
@ -1,141 +0,0 @@
|
|||||||
page{
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to bottom left,#7BCBFA, #EF7FAE);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.container{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.block_blueBig{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
background: #67AFF3;
|
|
||||||
border-radius: 0px 0px 70rpx 70rpx;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.white_big{
|
|
||||||
transition: 1s all ease;
|
|
||||||
font-size: 80rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 40rpx 0rpx;
|
|
||||||
}
|
|
||||||
.block_blue{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
height: 250rpx;
|
|
||||||
background: #67AFF3;
|
|
||||||
border-radius: 0px 0px 100% 100%;
|
|
||||||
font-size: 50rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.account-form{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 85%;
|
|
||||||
}
|
|
||||||
.inputs{
|
|
||||||
transition: 1s all ease;
|
|
||||||
margin-bottom: 50rpx;
|
|
||||||
}
|
|
||||||
.input-wrap{
|
|
||||||
transition: 1s all ease;
|
|
||||||
padding: 10px;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border: 1px white solid;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input{
|
|
||||||
transition: 1s all ease;
|
|
||||||
white-space: nowrap;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.mini_button{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 48rpx;
|
|
||||||
height: 45rpx;
|
|
||||||
padding-right: 20rpx;
|
|
||||||
padding-left: 10rpx;
|
|
||||||
}
|
|
||||||
button[plain] {
|
|
||||||
transition: 1s all ease;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.white_little{
|
|
||||||
transition: 1s all ease;
|
|
||||||
font-size: 50rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.check_row{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: 60rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
padding: 8px;
|
|
||||||
color: #F54171;
|
|
||||||
font-weight: 400;
|
|
||||||
border-radius: 20px;
|
|
||||||
box-shadow: #F54171 -1px 1px 1rpx;
|
|
||||||
}
|
|
||||||
.register{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
padding: 8px;
|
|
||||||
font-weight: 400;
|
|
||||||
border-radius: 20px;
|
|
||||||
box-shadow: #2190F3 -1px 1px 1rpx;
|
|
||||||
color: #2190F3;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
}
|
|
||||||
.foot{
|
|
||||||
transition: 1s all ease;
|
|
||||||
position: fixed;
|
|
||||||
bottom:0px;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
navigator.agreement{
|
|
||||||
transition: 1s all ease;
|
|
||||||
margin: 10px auto;
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
text.agreement{
|
|
||||||
transition: 1s all ease;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.block_red{
|
|
||||||
transition: 1s all ease;
|
|
||||||
width: 100%;
|
|
||||||
height: 220rpx;
|
|
||||||
}
|
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
const app = getApp();
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
info:'获取中...'
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoad: function (options) {
|
||||||
|
this.setData({info:"获取中"})
|
||||||
|
wx.cloud.callFunction({name:"login"})
|
||||||
|
.then(res=>{
|
||||||
|
console.log(res);
|
||||||
|
this.setData(res.result);
|
||||||
|
}).catch(e=>{
|
||||||
|
console.error(e);
|
||||||
|
this.setData({info:"获取失败"});
|
||||||
|
})
|
||||||
|
},
|
||||||
|
copy(){
|
||||||
|
if(this.data.openid)
|
||||||
|
wx.setClipboardData({data: "openid: " + this.data.openid});
|
||||||
|
else
|
||||||
|
this.onLoad();
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
openid: {{openid||info}}
|
||||||
|
</view>
|
||||||
|
<button class="copy" bindtap="copy" type="main" size="mini">{{openid?'复制':'重新获取'}}</button>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
button.copy{
|
||||||
|
margin: 20px 12px;
|
||||||
|
}
|
||||||
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"iconfont":"/components/iconfont/iconfont"
|
"iconfont":"/components/iconfont/iconfont",
|
||||||
|
"require-login":"/components/require-login/require-login"
|
||||||
},
|
},
|
||||||
"navigationBarTitleText": "课堂签到"
|
"navigationBarTitleText": "课堂签到"
|
||||||
}
|
}
|
||||||
@ -1,24 +1,28 @@
|
|||||||
<view class="question">
|
<view class="question">
|
||||||
<view class="hint">第{{data.q_position}}题</view>
|
<view class="index hint"><text class="gap">第{{data.q_position}}题</text><text class="ques-score">{{data.question_score}}分</text></view>
|
||||||
<rich-md my-class="title" nodes="{{data.question_title}}"/>
|
<rich-md my-class="title" nodes="{{data.question_title}}"/>
|
||||||
<radio-group class="choices" wx:if="{{data.question_type==0 || data.question_type==2}}" bindchange="answer_choice_question" data-question_id="{{data.question_id}}">
|
<radio-group class="choices" wx:if="{{data.question_type==0 || data.question_type==2}}" bindchange="answer_choice_question" data-question_id="{{data.question_id}}">
|
||||||
<block wx:for="{{data.question_choices}}" wx:for-item="choice" wx:key="choice_id">
|
<block wx:for="{{data.question_choices}}" wx:for-item="choice" wx:key="choice_id">
|
||||||
<radio class="choice" color="#00b0f0" disabled="{{exercise.user_exercise_status==1 || exercise.user_exercise_status==4}}" checked="{{choice.user_answer_boolean}}" value="{{choice.choice_id}}">
|
<radio class="choice radio" color="{{user_exercise_status==1||user_exercise_status==4?'#a1a0a2':'#00b0f0'}}" checked="{{choice.user_answer_boolean}}" value="{{choice.choice_id}}">
|
||||||
<view class="choice-content">
|
<view class="choice-content">
|
||||||
<rich-md class="choice-text" nodes="{{choice.choice_text}}"/>
|
<rich-md class="choice-text" nodes="{{choice.choice_text}}"/>
|
||||||
<text wx:if="{{choice.standard_boolean}}" class="error standard-choice">正确答案</text>
|
|
||||||
</view>
|
</view>
|
||||||
</radio>
|
</radio>
|
||||||
</block>
|
</block>
|
||||||
</radio-group>
|
</radio-group>
|
||||||
<checkbox-group class="choices" wx:elif="{{data.question_type==1}}" bindchange="answer_choice_question" data-question_id="{{data.question_id}}">
|
<checkbox-group class="choices" wx:elif="{{data.question_type==1}}" bindchange="answer_choice_question" data-question_id="{{data.question_id}}">
|
||||||
<block wx:for="{{data.question_choices}}" wx:for-item="choice" wx:key="choice_id">
|
<block wx:for="{{data.question_choices}}" wx:for-item="choice" wx:key="choice_id">
|
||||||
<checkbox color="#00b0f0" class="choice" disabled="{{exercise.user_exercise_status==1 || exercise.user_exercise_status==4}}" checked="{{choice.user_answer_boolean}}" value="{{choice.choice_id}}">
|
<checkbox color="#00b0f0" class="choice" disabled="{{user_exercise_status==1||user_exercise_status==4}}" checked="{{choice.user_answer_boolean}}" value="{{choice.choice_id}}">
|
||||||
<view class="choice-content">
|
<view class="choice-content">
|
||||||
<rich-md class="choice-text" nodes="{{choice.choice_text}}"/>
|
<rich-md class="choice-text" nodes="{{choice.choice_text}}"/>
|
||||||
<text wx:if="{{choice.standard_boolean}}" class="error standard-choice">正确答案</text>
|
|
||||||
</view>
|
</view>
|
||||||
</checkbox>
|
</checkbox>
|
||||||
</block>
|
</block>
|
||||||
</checkbox-group>
|
</checkbox-group>
|
||||||
|
<view class="outcome" wx:if="{{data.user_score}}">
|
||||||
|
得分：<text class="score-num">{{data.user_score}}</text><text class="gap">/{{data.question_score}}</text>
|
||||||
|
<block wx:if="{{data.standard_answer_show}}">
|
||||||
|
正确答案：<text class="stand-answer">{{data.standard_answer_show}}</text>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -1,14 +1,17 @@
|
|||||||
<view class="question">
|
<view class="question">
|
||||||
<view class="hint">第{{data.q_position}}题</view>
|
<view class="index hint"><text class="gap">第{{data.q_position}}题</text><text class="ques-score">{{data.question_score}}分</text></view>
|
||||||
<rich-md my-class="title" nodes="{{data.question_title}}"/>
|
<rich-md my-class="title" nodes="{{data.question_title}}"/>
|
||||||
<textarea disabled="{{exercise.user_exercise_status==1 || exercise.user_exercise_status==4}}" class="main-input"
|
<textarea disabled="{{user_exercise_status==1 || user_exercise_status==4}}" class="main-input"
|
||||||
placeholder="输入答案"
|
placeholder="输入答案"
|
||||||
bindblur="answer_main_question"
|
bindblur="answer_main_question"
|
||||||
value="{{data.user_answer[0]||''}}"
|
value="{{data.user_answer[0]||''}}"
|
||||||
data-question_id="{{data.question_id}}">
|
data-question_id="{{data.question_id}}">
|
||||||
</textarea>
|
</textarea>
|
||||||
<view wx:if="{{data.standard_answer}}" class="standard-main-input">
|
<view class="outcome" wx:if="{{data.user_score}}">
|
||||||
<text class="hint">参考答案：</text>
|
得分：<text class="score-num">{{data.user_score}}</text>/{{data.question_score}}
|
||||||
<text class="error">{{question.standard_answer[0]||'暂无'}}</text>
|
</view>
|
||||||
|
<view wx:if="{{data.standard_answer}}" class="outcome">
|
||||||
|
<view>正确答案：</view>
|
||||||
|
<text class="stand-answer">{{question.standard_answer[0]||'暂无'}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -1,8 +1,11 @@
|
|||||||
<view class="question">
|
<view class="question">
|
||||||
<view class="hint">第{{data.q_position}}题</view>
|
<view class="index hint"><text class="gap">第{{data.q_position}}题</text><text class="ques-score">{{data.question_score}}分</text></view>
|
||||||
<rich-md c-class="title" nodes="{{data.question_title}}"/>
|
<rich-md c-class="title" nodes="{{data.question_title}}"/>
|
||||||
<view class="shixun-detail">
|
<view class="shixun-detail">
|
||||||
<button class="button-shixun" size="mini" type="main" plain bindtap="enterShixun">进入该实训</button>
|
<button class="button-shixun" size="mini" type="main" plain bindtap="enterShixun">进入该实训</button>
|
||||||
<view>{{data.shixun_name}}</view>
|
<view>{{data.shixun_name}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="outcome" wx:if="{{data.user_score}}">
|
||||||
|
得分：<text class="score-num">{{data.user_score}}</text><text class="gap">/{{data.question_score}}</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -1,15 +1,47 @@
|
|||||||
<page-meta>
|
<page-meta>
|
||||||
<navigation-bar title="{{exercise.exercise_name}}"/>
|
<navigation-bar title="{{exercise.exercise_name}}" />
|
||||||
</page-meta>
|
</page-meta>
|
||||||
<scroll-view scroll-y="1" class="questions">
|
|
||||||
|
<!--exercise-score wx:if="{{exercise.exercise_scores}}" data="{{exercise.exercise_scores}}"/-->
|
||||||
|
<view class="exercise-score" wx:if="{{exercise_scores}}">
|
||||||
|
<view class="user-score">总分
|
||||||
|
<text class="color-main total-score">{{user_score}}</text>/{{exercise_types.q_scores}}</view>
|
||||||
|
<view>客观题</view>
|
||||||
|
<view class="scores" bindtap="scrollToQues">
|
||||||
|
<view class="score-item" data-ques_id="{{item.ques_id}}" wx:for="{{exercise_scores.objective_scores}}">
|
||||||
|
{{item.ques_position}}
|
||||||
|
<view class="score {{item.answer_status==1?'right':'wrong'}}">{{item.user_score||'未评分'}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view>主观题</view>
|
||||||
|
<view class="scores" bindtap="scrollToQues">
|
||||||
|
<view class="score-item" data-ques_id="{{item.ques_id}}" wx:for="{{exercise_scores.subjective_scores}}">
|
||||||
|
{{item.ques_position}}
|
||||||
|
<view class="score {{item.answer_status==1?'right':'wrong'}}">{{item.user_score||'未评分'}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view bindanswer="onAnswer">
|
||||||
<view class="question-wrap" wx:for="{{exercise_questions}}" wx:key="question_id">
|
<view class="question-wrap" wx:for="{{exercise_questions}}" wx:key="question_id">
|
||||||
<choice-question id="q-{{item.question_id}}" wx:if="{{item.question_type<3}}" data="{{item}}"/>
|
<choice-question id="q-{{item.question_id}}" is_md="{{exercise.is_md}}" wx:if="{{item.question_type<3}}" data="{{item}}" exercise_status="{{exercise.exercise_status}}" user_exercise_status="{{exercise.user_exercise_status}}"/>
|
||||||
<null-question id="q-{{item.question_id}}" wx:elif="{{item.question_type==3}}" data="{{item}}"/>
|
<null-question id="q-{{item.question_id}}" is_md="{{exercise.is_md}}" wx:elif="{{item.question_type==3}}" data="{{item}}" exercise_status="{{exercise.exercise_status}}" user_exercise_status="{{exercise.user_exercise_status}}"/>
|
||||||
<main-question id="q-{{item.question_id}}" wx:elif="{{item.question_type==4}}" data="{{item}}"/>
|
<main-question id="q-{{item.question_id}}" is_md="{{exercise.is_md}}" wx:elif="{{item.question_type==4}}" data="{{item}}" exercise_status="{{exercise.exercise_status}}" user_exercise_status="{{exercise.user_exercise_status}}"/>
|
||||||
<shixun-question id="q-{{item.question_id}}" wx:elif="{{item.question_type==5}}" data="{{item}}"/>
|
<shixun-question id="q-{{item.question_id}}" is_md="{{exercise.is_md}}" wx:elif="{{item.question_type==5}}" data="{{item}}" exercise_status="{{exercise.exercise_status}}" user_exercise_status="{{exercise.user_exercise_status}}"/>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</view>
|
||||||
<view wx:if="{{exercise.user_exercise_status!=1 && exercise.user_exercise_status!=4}}" hidden="{{loading}}" class="foot flex-wrap" >
|
<view class="end" wx:if="{{!loading}}">---- END ----</view>
|
||||||
<button class="save operation" catchtap="save_exercise">保存</button>
|
<!--exercise-status wx:if="{{exercise.exercise_stauts}}" data="{{exercise.exercise_status}}"/-->
|
||||||
<button class="commit operation" catchtap="commit_exercise">交卷</button>
|
<block wx:if="{{question_status}}">
|
||||||
</view>
|
<view class="exercise-status">
|
||||||
|
<view>作答情况</view>
|
||||||
|
<view class="statuses" bindtap="scrollToQues">
|
||||||
|
<view data-ques_id="{{item.ques_id}}" class="status-item {{item.ques_status==1?'answered':''}}" wx:for="{{question_status}}">
|
||||||
|
{{item.ques_number}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="operations" wx:if="{{exercise.user_exercise_status!=1&&exercise.user_exercise_status!=4}}">
|
||||||
|
<button type="main" plain="1" catchtap="save_exercise">保存</button>
|
||||||
|
<button type="main" catchtap="commit_exercise">交卷</button>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
@ -1,30 +1,80 @@
|
|||||||
page{
|
page{
|
||||||
display: flex;
|
overflow-x: hidden;
|
||||||
flex-direction: column;
|
}
|
||||||
height:100%;
|
.user-score{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
padding-bottom: 12px;
|
||||||
}
|
}
|
||||||
.foot{
|
|
||||||
flex:none;
|
.total-score{
|
||||||
width: 100%;
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
.exercise-status,
|
||||||
|
.exercise-score{
|
||||||
background: white;
|
background: white;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
.statuses,
|
||||||
|
.scores{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-item,
|
||||||
|
.score-item{
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 8px 0 8px 10px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex: none;
|
||||||
}
|
}
|
||||||
.operation{
|
.status-item{
|
||||||
|
background: #cbcbcb;
|
||||||
color: white;
|
color: white;
|
||||||
width: 50%;
|
|
||||||
}
|
}
|
||||||
.save{
|
.status-item.answered{
|
||||||
background-color: #00b0f0;
|
background: #00b0f0;
|
||||||
}
|
}
|
||||||
.commit{
|
.score-item{
|
||||||
background-color: orangered;
|
color: #00b0f0;
|
||||||
|
border: 1px #00b0f0 solid;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.container{
|
|
||||||
padding-bottom: 40px;
|
.score{
|
||||||
|
position: absolute;
|
||||||
|
bottom: -8px;
|
||||||
|
font-size: 10px;
|
||||||
|
color: white;
|
||||||
|
border-radius: 32px;
|
||||||
|
padding: 1.8px 5px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.score.right{
|
||||||
|
background: #00b0f0;
|
||||||
}
|
}
|
||||||
|
.score.wrong{
|
||||||
|
background: #fa5151;
|
||||||
|
}
|
||||||
|
|
||||||
.question-wrap{
|
.question-wrap{
|
||||||
margin: 8px 10px;
|
margin: 8px 10px;
|
||||||
}
|
}
|
||||||
.questions{
|
.end{
|
||||||
flex: 1 1 1px;
|
text-align: center;
|
||||||
height: 1px;
|
margin: 10px;
|
||||||
}
|
color: dimgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operations{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.operations>button{
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in new issue