| | |
| | | <span></span> |
| | | <div class="tabs-content"> |
| | | <ul> |
| | | <li>风险名称:{{ riskSourceBaseInfo.riskname }}</li> |
| | | <li>风险级别:{{ riskSourceBaseInfo.riskLevel }}</li> |
| | | <li>风险描述:{{ riskSourceBaseInfo.depiction }}</li> |
| | | <li class="lastli"></li> |
| | | <li>风险名称:{{ riskSourceBaseInfo.riskname }}</li> |
| | | <li :style="{boxShadow: riskLevel[riskSourceBaseInfo.riskLevel]}">风险级别:{{ riskSourceBaseInfo.riskLevel }}</li> |
| | | <li>风险描述:{{ riskSourceBaseInfo.depiction }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | name: 'PublicTabs', |
| | | data () { |
| | | return { |
| | | riskSourceBaseInfo: [] |
| | | riskSourceBaseInfo: [], |
| | | riskLevel: { |
| | | 1: '0 0 10px rgba(246,16,43,.7) inset', |
| | | 2: '0 0 10px rgba(244,142,88,.7) inset', |
| | | 3: '0 0 10px rgba(253,238,13,.7) inset', |
| | | 4: '0 0 10px rgba(38,144,2,.7) inset' |
| | | } |
| | | } |
| | | }, |
| | | mounted () { |
| | |
| | | |
| | | .slotChildTabs { |
| | | position: relative; |
| | | margin-bottom: 0.1rem; |
| | | margin-bottom: 0.06rem; |
| | | background-color: @background-color; |
| | | |
| | | .tabs-content { |
| | |
| | | ul { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | |
| | | padding: 0 .03rem; |
| | | li { |
| | | margin-bottom: 0.04rem; |
| | | text-align: center; |
| | | min-width: 30%; |
| | | background-color: #243a55; |
| | | color: #00d0f9; |
| | | box-shadow: 0 0 10px rgba(129,211,248,.35) inset; |
| | | color: #00fff6; |
| | | border-radius: 0.02rem; |
| | | font-size: 0.08rem; |
| | | line-height: 0.09rem; |
| | | padding: 0.03rem .5%; |
| | | padding: 0.05rem .8%; |
| | | } |
| | | |
| | | li:nth-child(2){ |
| | | margin-left: .03rem; |
| | | } |
| | | li:last-child { |
| | | text-align: left; |
| | | line-height: .12rem; |
| | | margin-bottom: 0; |
| | | } |
| | | .lastli { |
| | | visibility: hidden |
| | | } |