|
|
@@ -15,6 +15,7 @@
|
|
|
<img :src="img.url">
|
|
|
<div class="card-info">
|
|
|
<h5>{{ title }}</h5>
|
|
|
+ <em></em>
|
|
|
<p>{{des}}</p>
|
|
|
<slot></slot>
|
|
|
</div>
|
|
|
@@ -84,6 +85,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.card-info {
|
|
|
+ width: 490px;
|
|
|
h5 {
|
|
|
font-size: 24px;
|
|
|
font-weight: 800;
|
|
|
@@ -95,12 +97,28 @@ export default {
|
|
|
|
|
|
p {
|
|
|
font-size: 14px;
|
|
|
- font-weight: 800;
|
|
|
color: #333;
|
|
|
line-height: 24px;
|
|
|
+ text-align: justify;
|
|
|
}
|
|
|
}
|
|
|
+ @media (max-width: 768px) {
|
|
|
+ .mta-card-content-h5 {
|
|
|
+ img {
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+ // card--info
|
|
|
+ .card-info {
|
|
|
+ width: 100%;
|
|
|
+ h5 {font-size: 16px;margin: 20px 0 10px;}
|
|
|
+ em{width: 35px;height: 3px;background: #00b96b;display: block;margin-bottom: 20px;}
|
|
|
+ .card-des{
|
|
|
+ font-size: 14px;margin: 20px 0 10px;text-align: justify;line-height: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
</style>
|
tanxue