样式更改

main
caiyiling 2025-04-16 13:26:16 +08:00
parent 1eba807442
commit ce29cfb105
1 changed files with 17 additions and 6 deletions

View File

@ -3,9 +3,15 @@
<div class="banner"></div> <div class="banner"></div>
<div class="content"> <div class="content">
<el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 5px;background-color: #f1f1f1;margin-top: 10px;"> <el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 5px;background-color: #f1f1f1;margin-top: 10px;">
<el-breadcrumb-item :to="{ path: '/home' }">{{ $t('home.menuName') }}</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/home' }">
<el-breadcrumb-item><a href="/services">{{ $t('service.menuName') }}</a></el-breadcrumb-item> {{ $t('home.menuName') }}
<el-breadcrumb-item>{{ $t('service.subMenu1') }}</el-breadcrumb-item> </el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/services' }">
{{ $t('service.menuName') }}
</el-breadcrumb-item>
<el-breadcrumb-item>
{{ $t('service.subMenu1') }}
</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<el-tabs v-model="activeName" class="custom_tab" ref="custom_tab"> <el-tabs v-model="activeName" class="custom_tab" ref="custom_tab">
<el-tab-pane :label="$t('imagingService.tab1')" name="1"> <el-tab-pane :label="$t('imagingService.tab1')" name="1">
@ -167,7 +173,7 @@
<div class="item"> <div class="item">
<p style="margin-bottom: 20px;">{{ $t('imagingService.msg13') }}</p> <p style="margin-bottom: 20px;">{{ $t('imagingService.msg13') }}</p>
<h2>{{ $t('imagingService.title5') }}</h2> <h2>{{ $t('imagingService.title5') }}</h2>
<div style="display: flex;display: flex;flex-direction: row;justify-content: space-around;"> <div class="flex_row">
<ul style="width: 700px"> <ul style="width: 700px">
<li> <li>
<i class="el-icon-caret-right"></i> <i class="el-icon-caret-right"></i>
@ -207,7 +213,7 @@
</div> </div>
<h2>{{ $t('imagingService.title6') }}</h2> <h2>{{ $t('imagingService.title6') }}</h2>
<div style="display: flex;flex-direction: row;justify-content: space-around;"> <div class="flex_row">
<ul style="width: 700px"> <ul style="width: 700px">
<li> <li>
<i class="el-icon-caret-right"></i> <i class="el-icon-caret-right"></i>
@ -361,7 +367,7 @@ export default {
} }
ul { ul {
margin: -10px 0 25px 0; margin: -10px 0 25px 0;
// list-style: none list-style: none;
li { li {
width: 100%; width: 100%;
float: none; float: none;
@ -372,6 +378,11 @@ export default {
color: #2f2f2f; color: #2f2f2f;
} }
} }
.flex_row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
} }
} }