Commit 565204a6 by Jianli Ou

样式调整

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