| | |
| | | <div v-if="item.TypeCharOne === 'WLongText'"> |
| | | <div class="content_title"><span v-if="item.Title1" v-text="item.Title1"></span></div> |
| | | <div v-for="(cell, i) in item.subs" :key="i"> |
| | | <div class="content_title_p" v-if="cell.type === 'text'" style="margin: .4rem auto .1rem;" v-text="cell.value"></div> |
| | | <div class="content_title_p" v-if="cell.type === 'text'" style="margin: .1rem auto .1rem;" :style="!i && 'margin-top: 0.4rem;'" v-text="cell.value"></div> |
| | | <div class="content-img" v-else-if="cell.type === 'img'"><img :src="cell.value" alt=""></div> |
| | | </div> |
| | | </div> |
| | |
| | | margin: .4rem auto 0; |
| | | } |
| | | @media (max-width: 750px) and (min-width: 0){ |
| | | .banner img { |
| | | max-width: none; |
| | | width: 140%; |
| | | margin-left: -20%; |
| | | .banner { |
| | | margin-top: 1.13rem; |
| | | img { |
| | | max-width: none; |
| | | width: 140%; |
| | | margin-left: -20%; |
| | | } |
| | | } |
| | | .three_box{ |
| | | margin: 0.4rem 0.3rem 0.8rem; |
| | |
| | | .content_title,.content_title_p{ |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | padding: 0.6rem .43rem 0; |
| | | padding: 0.2rem .43rem 0; |
| | | } |
| | | .content-img{ |
| | | .content-img { |
| | | width: 100%; |
| | | height: 3.5rem; |
| | | } |
| | | .project{ |
| | | background: #f9f9f9; |
| | |
| | | display: flex; |
| | | padding: .34rem 0; |
| | | dl { |
| | | width: 25%; |
| | | flex: 1; |
| | | dt { |
| | | width: .8rem; |
| | | height: .8rem; |
| | |
| | | display: flex; |
| | | margin: .2rem 0; |
| | | dl { |
| | | margin-right: .8rem; |
| | | flex: 1; |
| | | dt { |
| | | width: .94rem; |
| | | height: .94rem; |
| | |
| | | } |
| | | } |
| | | dd { |
| | | width: 1.8rem; |
| | | text-align: center; |
| | | padding-top: .07rem; |
| | | } |