117 lines
2.4 KiB
Vue
117 lines
2.4 KiB
Vue
<template>
|
||
<view class="">
|
||
<view class="option_div">
|
||
<view class="option_item success">
|
||
<view class="text">
|
||
A.这里是选项 A 的内容
|
||
</view>
|
||
<image class="img" src="@/static/images/common/success.png" mode="heightFix"></image>
|
||
</view>
|
||
<view class="option_item success">
|
||
<view class="text">
|
||
B.这里是选项 B 的内容
|
||
</view>
|
||
<image class="img" src="@/static/images/common/success.png" mode="heightFix"></image>
|
||
</view>
|
||
<view class="option_item error">
|
||
<view class="text">
|
||
C.这里是选项 C 的内容
|
||
</view>
|
||
<image class="img" src="@/static/images/common/success.png" mode="heightFix"></image>
|
||
</view>
|
||
<view class="option_item info">
|
||
D.这里是选项D的内容
|
||
</view>
|
||
</view>
|
||
<view class="analysis_div">
|
||
<view class="analysis_title">
|
||
<view class="success_answer">
|
||
正确答案：ABC
|
||
</view>
|
||
|
||
<view class="your_answer">
|
||
你的答案：<text class="red_color">AB</text>
|
||
</view>
|
||
</view>
|
||
<view class="analysis_note">
|
||
题目解析：属于商业银行风险管理“三道防线的是A部门，B部门和C部门银行风险管理“三道防线的是A部门，B部，银行风险管理“三道防线的是A部门，B部银行风险管理“三道防线的是A部门，B部
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.success {
|
||
color: #15B859;
|
||
background: #E7F8ED;
|
||
}
|
||
|
||
.info {
|
||
color: #333333;
|
||
background: #F9F9F9 ;
|
||
}
|
||
.error {
|
||
color: #F5212D;
|
||
background: #FCE8E9;
|
||
}
|
||
|
||
.option_item {
|
||
width: 100%;
|
||
height: 108rpx;
|
||
|
||
border-radius: 15rpx;
|
||
margin-top: 32rpx;
|
||
font-family: PingFangSC;
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
line-height: 108rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding-left: 52rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.text {
|
||
flex: 1;
|
||
white-space: nowrap;
|
||
/* 强制不换行 */
|
||
overflow: hidden;
|
||
/* 超出部分隐藏 */
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.img {
|
||
height: 30rpx;
|
||
padding-right: 30rpx;
|
||
}
|
||
}
|
||
.analysis_div{
|
||
.analysis_title{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin: 32rpx 0 28rpx 0;
|
||
.success_answer{
|
||
|
||
}
|
||
.your_answer{
|
||
|
||
}
|
||
.red_color{
|
||
color: #F5212D;
|
||
}
|
||
}
|
||
.analysis_note{
|
||
font-family: PingFangSC;
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
color: #666666;
|
||
line-height: 48rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
</style> |