|
|
|
@ -41,7 +41,7 @@ |
|
|
|
|
<div class="bottom"> |
|
|
|
|
<img src="@/assets/images/bg10.png"/> |
|
|
|
|
<div class="txt"> |
|
|
|
|
{{0}}题 |
|
|
|
|
错误 {{ 0 }} 题 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="bottom"> |
|
|
|
@ -57,9 +57,8 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="footer"> |
|
|
|
|
<button class="btn1" @click="Study">去学习</button> |
|
|
|
|
<button class="btn2" @click="Recreate">重做</button> |
|
|
|
|
<button class="btn3" @click="Back">回首页</button> |
|
|
|
|
<button class="btn2" @click="Recreate">重做</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
@ -100,13 +99,13 @@ const Back =()=>{ |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.container { |
|
|
|
|
width: 600px; |
|
|
|
|
height: 540px; |
|
|
|
|
height: 550px; |
|
|
|
|
background: url("@/assets/images/bg4.png") no-repeat center center; |
|
|
|
|
background-size: contain; |
|
|
|
|
margin-top: -5px; |
|
|
|
|
padding-top: 15px; |
|
|
|
|
padding-left: 25px; |
|
|
|
|
padding-right:25px; |
|
|
|
|
position: relative; /* 添加相对定位 */ |
|
|
|
|
} |
|
|
|
|
.top{ |
|
|
|
|
color: #b6b3b3; |
|
|
|
@ -160,12 +159,13 @@ const Back =()=>{ |
|
|
|
|
} |
|
|
|
|
.bottoms{ |
|
|
|
|
display: flex; |
|
|
|
|
height: 28px; |
|
|
|
|
height: 26px; |
|
|
|
|
width: 100%; |
|
|
|
|
position: absolute; /* 绝对定位 */ |
|
|
|
|
bottom: 210px; |
|
|
|
|
gap: 90px; |
|
|
|
|
left: 110px; |
|
|
|
|
left: 95px; |
|
|
|
|
// left: 100px; |
|
|
|
|
} |
|
|
|
|
.bottom{ |
|
|
|
|
display: flex; |
|
|
|
@ -184,25 +184,25 @@ const Back =()=>{ |
|
|
|
|
bottom: 15px; /* 置于底部 */ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: row; |
|
|
|
|
padding-left: 50px; |
|
|
|
|
gap: 50px; |
|
|
|
|
} |
|
|
|
|
.btn1{ |
|
|
|
|
background: url("@/assets/images/bg5.png") no-repeat; |
|
|
|
|
background-size: contain; |
|
|
|
|
background-color: transparent; /* 背景颜色设置为透明 */ |
|
|
|
|
border: none; /* 移除边框 */ |
|
|
|
|
cursor: pointer; /* 鼠标悬停时显示手型 */ |
|
|
|
|
width: 120px; |
|
|
|
|
height: auto; |
|
|
|
|
font-size: 17px; |
|
|
|
|
color:rgb(13, 58, 102); |
|
|
|
|
/* 调整文字位置 */ |
|
|
|
|
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */ |
|
|
|
|
display: flex; /* 使用 Flexbox 布局 */ |
|
|
|
|
align-items: flex-end; /* 文字对齐到底部 */ |
|
|
|
|
justify-content: center; /* 文字水平居中 */ |
|
|
|
|
} |
|
|
|
|
padding-left: 80px; |
|
|
|
|
gap: 150px; |
|
|
|
|
} |
|
|
|
|
// .btn1{ |
|
|
|
|
// background: url("@/assets/images/bg5.png") no-repeat; |
|
|
|
|
// background-size: contain; |
|
|
|
|
// background-color: transparent; /* 背景颜色设置为透明 */ |
|
|
|
|
// border: none; /* 移除边框 */ |
|
|
|
|
// cursor: pointer; /* 鼠标悬停时显示手型 */ |
|
|
|
|
// width: 120px; |
|
|
|
|
// height: auto; |
|
|
|
|
// font-size: 17px; |
|
|
|
|
// color:rgb(196, 202, 209); |
|
|
|
|
// /* 调整文字位置 */ |
|
|
|
|
// padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */ |
|
|
|
|
// display: flex; /* 使用 Flexbox 布局 */ |
|
|
|
|
// align-items: flex-end; /* 文字对齐到底部 */ |
|
|
|
|
// justify-content: center; /* 文字水平居中 */ |
|
|
|
|
// } |
|
|
|
|
.btn2{ |
|
|
|
|
background: url("@/assets/images/bg6.png") no-repeat; |
|
|
|
|
background-size: contain; |
|
|
|
@ -212,7 +212,7 @@ const Back =()=>{ |
|
|
|
|
width: 120px; |
|
|
|
|
height: auto; |
|
|
|
|
font-size: 17px; |
|
|
|
|
color:rgb(13, 58, 102); |
|
|
|
|
color:rgb(196, 202, 209); |
|
|
|
|
/* 调整文字位置 */ |
|
|
|
|
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */ |
|
|
|
|
display: flex; /* 使用 Flexbox 布局 */ |
|
|
|
@ -228,7 +228,7 @@ const Back =()=>{ |
|
|
|
|
width: 120px; |
|
|
|
|
height: auto; |
|
|
|
|
font-size: 17px; |
|
|
|
|
color:rgb(13, 58, 102); |
|
|
|
|
color:rgb(196, 202, 209); |
|
|
|
|
/* 调整文字位置 */ |
|
|
|
|
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */ |
|
|
|
|
display: flex; /* 使用 Flexbox 布局 */ |
|
|
|
|