Skip to content

html / wanda-ball

Go to a project
Commit be9fb9bb by hank
Options

bug

parent 21c595e3
Showing with 18 additions and 8 deletions
src/components/Fuceng.vue
<template> <template>
<div class="fuceng"> <div class="fuceng">
<div class="fucengBox"> <div class="fucengBox">
<div class="close" @click="closeFuceng"></div> <div class="close" @click="closeFuceng">我要报名</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -35,25 +35,35 @@ export default { ...@@ -35,25 +35,35 @@ export default {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
z-index: 1000000; z-index: 1000000;
.fucengBox { .fucengBox {
width: 9rem; width: 100%;
height: 12.5rem; // height: 15rem;
background: url("~@/pages/index/assets/images/Fuceng.png") no-repeat center; height: 100%;
background-size: contain; background: url("~@/pages/index/assets/images/fengceng.png") no-repeat center;
background-size: auto 100%;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.close { .close {
width: 1.5rem; width: 3.6rem;
height: 1.5rem; height: 1.1rem;
text-align: center;
color: white;
font-size: 30px;
letter-spacing: 2px;
line-height: 1.1rem;
position: absolute; position: absolute;
bottom: 30px; bottom: 100px;
left: 50%; left: 50%;
background: #204089;
border: 2px solid #c61d43;
border-radius: 8px;
transform: translate(-50%, 0); transform: translate(-50%, 0);
} }
} }
......
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 sign in to comment