Commit 565204a6 by Jianli Ou

样式调整

parent 44792de5
......@@ -176,6 +176,8 @@ export default {
margin: 10px 0;
}
ul {
margin-left: 28px;
line-height: 28px;
list-style-type: disc
}
}
......@@ -218,4 +220,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
......@@ -170,6 +170,7 @@ export default {
<style lang="scss" scoped>
.corppay {
@include module-box;
line-height: 30px;
.corppay-msg {
margin: 30px 0;
font-size: 14px;
......@@ -309,4 +310,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
......@@ -157,6 +157,7 @@ export default {
<style lang="scss" scoped>
.corppay {
@include module-box;
line-height: 30px;
.corppay-msg {
margin: 30px 0;
font-size: 14px;
......@@ -296,4 +297,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
......@@ -2,7 +2,7 @@
<div class="container" >
<breadcrumb />
<div class="health">
<div class="">
<ul class="health-ul">
<li v-for="(tmp, i) in typeList" :key="i">
......@@ -17,7 +17,7 @@
</ul>
</div>
</div>
</div>
</template>
<script>
......@@ -26,7 +26,7 @@ import breadcrumb from "../comps/breadcrumb.vue";
export default {
components: {
breadcrumb
},
data() {
return {
......@@ -72,7 +72,7 @@ export default {
]);
},
methods: {},
};
</script>
<style lang="scss">
......@@ -105,7 +105,9 @@ export default {
// border-radius: 4px;
margin-bottom: 30px;
border-top: 5px solid #00B6DE;
transition: all 0.22s;
&:hover{
transform: translateY(-10px);
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
}
.health-li-tp{
......@@ -129,7 +131,7 @@ export default {
color: #00B6DE;
}
.listyle::before{
content: "\25CF";
content: "\25CF";
margin-right: 5px;
}
......@@ -138,11 +140,11 @@ export default {
}
.health-top {
@include module-box;
}
.health-bottom {
@include module-box;
margin-top: 30px;
}
}
</style>
\ No newline at end of file
</style>
......@@ -175,16 +175,20 @@ export default {
margin-bottom: 30px;
img {
width: 100%;
cursor: pointer;
transition: all 0.22s;
}
div {
&:nth-child(1) {
img:hover {
box-shadow: 0px 4px 15px 2px rgba(236, 164, 34, 0.2);
transform: translateY(-10px);
box-shadow: 0px 4px 12px 2px rgba(236, 164, 34, 0.6);
}
}
&:nth-child(2) {
img:hover {
box-shadow: 0px 4px 15px 2px rgba(232, 86, 134, 0.2);
transform: translateY(-10px);
box-shadow: 0px 4px 12px 2px rgba(232, 86, 134, 0.6);
}
}
}
......@@ -256,4 +260,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
......@@ -437,7 +437,9 @@ export default {
cursor: pointer;
padding: 2px;
box-sizing: border-box;
transition: all 0.22s;
&:hover{
transform: translate(0px, -10px) scale(1.03);
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
}
.four-li-left {
......@@ -476,4 +478,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
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