Skip to content

C
campSite
Commit 1e0135e4 authored by wuwangwolihui's avatar wuwangwolihui
Browse files
Options

样式调整-lh

parent fc3496b1
Show whitespace changes
Inline Side-by-side
Showing with 33 additions and 107 deletions
src/assets/scss/common.scss
View file @ 1e0135e4
.com-container{ .com-container{
width: 60%; width: 60%;
max-width: 1160px; max-width: 1160px;
min-width: 1024px; min-width: 1050px;
//min-width: 960px; //min-width: 960px;
padding: 0 40px; padding: 0 40px;
margin: 0 auto; margin: 0 auto;
......
src/components/breadcrumb.vue
View file @ 1e0135e4
...@@ -2,86 +2,17 @@ ...@@ -2,86 +2,17 @@
<div class="steps flex"> <div class="steps flex">
<div class="step flex" v-for="(item, index) in bCList" :key="item.status"> <div class="step flex" v-for="(item, index) in bCList" :key="item.status">
<div :class="'cricle' + ' ' + (status >= item.status? 'speed-bg-color' : '')"> <div :class="'cricle' + ' ' + (status >= item.status? 'speed-bg-color' : '')">
<span class="num">{{index+1}}</span> {{index+1}}
</div> </div>
<div <div
:class="'step_title' + ' ' + (status >= item.status ? 'speed-text-color' : '')" :class="'step_title' + ' ' + (status >= item.status ? 'speed-text-color' : '')"
> >
{{item.name}} {{item.name}}
</div> </div>
<div> <div class="img" v-if="item.status<4">
<img src="../assets/img/signUp/left.png" alt="" v-if="item.status<4"/> <img src="../assets/img/signUp/left.png" alt=""/>
</div> </div>
</div> </div>
<!-- 1 -->
<!-- <div class="step flex">-->
<!-- <div :class="'cricle' + ' ' + (status >= 0? 'speed-bg-color' : '')">-->
<!-- <span class="num">1</span>-->
<!-- </div>-->
<!-- <div-->
<!-- :class="'step_title' + ' ' + (status >= 0 ? 'speed-text-color' : '')"-->
<!-- >-->
<!-- 确认报名须知-->
<!-- </div>-->
<!-- <div>-->
<!-- <img src="../assets/img/signUp/left.png" alt=""/>-->
<!-- </div>-->
<!-- </div>-->
<!-- 2 -->
<!-- <div class="step flex">-->
<!-- <div-->
<!-- class="cricle cc"-->
<!-- :class="'cricle' + ' ' + (status >= 1 ? 'speed-bg-color' : '')"-->
<!-- >-->
<!-- <span class="num">2</span>-->
<!-- </div>-->
<!-- <div-->
<!-- :class="'step_title' + ' ' + (status >= 1? 'speed-text-color' : '')"-->
<!-- >-->
<!-- 填写邀请码-->
<!-- </div>-->
<!-- <img src="../assets/img/signUp/left.png" alt=""/>-->
<!-- </div>-->
<!-- 3 -->
<!-- <div class="step flex">-->
<!-- <div-->
<!-- class="cricle cc"-->
<!-- :class="'cricle' + ' ' + (status >=2 ? 'speed-bg-color' : '')"-->
<!-- >-->
<!-- <span class="num">3</span>-->
<!-- </div>-->
<!-- <div-->
<!-- :class="'step_title' + ' ' + (status >=2 ? 'speed-text-color' : '')"-->
<!-- >-->
<!-- 填写报名资料-->
<!-- </div>-->
<!-- <img src="../assets/img/signUp/left.png" alt=""/>-->
<!-- </div>-->
<!-- 4 -->
<!-- <div class="step flex">-->
<!-- <div-->
<!-- class="cricle cc"-->
<!-- :class="'cricle' + ' ' + (status >=3 ? 'speed-bg-color' : '')"-->
<!-- >-->
<!-- <span class="num">4</span>-->
<!-- </div>-->
<!-- <div :class="'step_title' + ' ' + (status >=3? 'speed-text-color' : '')">-->
<!-- 报名资料审核-->
<!-- </div>-->
<!-- <img src="../assets/img/signUp/left.png" alt=""/>-->
<!-- </div>-->
<!-- 5 -->
<!-- <div class="step flex">-->
<!-- <div-->
<!-- class="cricle cc"-->
<!-- :class="'cricle' + ' ' + (status >= 4 ? 'speed-bg-color' : '')"-->
<!-- >-->
<!-- <span class="num">5</span>-->
<!-- </div>-->
<!-- <div :class="'step_title' + ' ' + (status >= 4 ? 'speed-text-color' : '')">-->
<!-- 缴费-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
</template> </template>
...@@ -161,37 +92,32 @@ ...@@ -161,37 +92,32 @@
.steps { .steps {
.step { .step {
align-items: center; align-items: center;
}
.num {
color: #ffff;
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cricle { .cricle {
position: relative; width: 30px;
width: 57px; height: 30px;
height: 29px; text-align: center;
line-height: 30px;
color: #ffff;
background: #d0ced0; background: #d0ced0;
border-radius: 41px; border-radius: 15px;
margin-right: 10px; margin-right: 10px;
} font-size: 14px;
font-family: PingFang SC;
img {
margin: 15px;
} }
.step_title { .step_title {
flex: 1;
font-size: 14px; font-size: 14px;
width: 100%;
height: 20px; height: 20px;
font-weight: 600; font-weight: 600;
color: #d0ced0; color: #d0ced0;
line-height: 20px;
font-family: PingFang SC;
}
.img {
margin: 0 15px 0 10px;
}
} }
} }
</style> </style>
src/components/index/SignUp/confirm.vue
View file @ 1e0135e4
...@@ -60,7 +60,7 @@ export default { ...@@ -60,7 +60,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/btn"; @import "a/scss/btn";
.confirm { .confirm {
padding: 0 56px 65px 56px; padding: 0 50px 60px;
.line { .line {
border-bottom: 1px solid #d4d0d4; border-bottom: 1px solid #d4d0d4;
} }
......
src/views/index/camp/Index.vue
View file @ 1e0135e4
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
.camp_left { .camp_left {
position: relative; position: relative;
width: 24%; width: 22%;
max-width: 280px; max-width: 280px;
min-width: 200px; min-width: 200px;
border-radius: 8px; border-radius: 8px;
......
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