Skip to content

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

样式调整-lh

parent fc3496b1
Hide 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;
} .cricle {
width: 30px;
.num { height: 30px;
color: #ffff; text-align: center;
position: absolute; line-height: 30px;
z-index: 999; color: #ffff;
top: 50%; background: #d0ced0;
left: 50%; border-radius: 15px;
transform: translate(-50%, -50%); margin-right: 10px;
} font-size: 14px;
font-family: PingFang SC;
.cricle { }
position: relative;
width: 57px;
height: 29px;
background: #d0ced0; .step_title {
border-radius: 41px; flex: 1;
margin-right: 10px; font-size: 14px;
} height: 20px;
font-weight: 600;
img { color: #d0ced0;
margin: 15px; line-height: 20px;
} font-family: PingFang SC;
}
.step_title { .img {
font-size: 14px; margin: 0 15px 0 10px;
width: 100%; }
height: 20px;
font-weight: 600;
color: #d0ced0;
} }
} }
</style> </style>
src/components/index/SignUp/confirm.vue
View file @ 1e0135e4
...@@ -39,7 +39,7 @@ export default { ...@@ -39,7 +39,7 @@ export default {
}; };
}, },
created() { created() {
}, },
methods: { methods: {
next() { next() {
...@@ -50,7 +50,7 @@ export default { ...@@ -50,7 +50,7 @@ export default {
this.$emit("getstatus", res.data.status); this.$emit("getstatus", res.data.status);
this.$message.success(res.data.message); this.$message.success(res.data.message);
this.$router.push("/signUp/invitation"); this.$router.push("/signUp/invitation");
}); });
}, },
}, },
...@@ -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;
} }
...@@ -83,6 +83,6 @@ export default { ...@@ -83,6 +83,6 @@ export default {
text-align: center; text-align: center;
margin-top: 42px; margin-top: 42px;
} }
} }
</style> </style>
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