| | |
| | | </div> |
| | | <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between"> |
| | | <div style="display: flex;justify-content: center;position: relative"> |
| | | |
| | | <div class="kb_center_block_children all_block05"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom.Y) }}</div> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom[0].BaseQuantity) }}</div> |
| | | <div class="box02" /> |
| | | <div>原材料</div> |
| | | <div>{{ RightBottom[0].classname }}</div> |
| | | </div> |
| | | <!-- <div class="kb_center_block_children all_block06">--> |
| | | <!-- <div style="font-size: 24px;">{{ parseFloat(RightBottom.B) }}</div>--> |
| | | <!-- <div class="box02" />--> |
| | | <!-- <div>半成品</div>--> |
| | | <!-- </div>--> |
| | | <div class="kb_center_block_children all_block07"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom.C) }}</div> |
| | | <div class="kb_center_block_children all_block06"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom[1].BaseQuantity) }}</div> |
| | | <div class="box02" /> |
| | | <div>产成品</div> |
| | | <div>{{ RightBottom[1].classname }}</div> |
| | | </div> |
| | | |
| | | <div class="kb_center_block_children all_block07"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom[2].BaseQuantity) }}</div> |
| | | <div class="box02" /> |
| | | <div>{{ RightBottom[2].classname }}</div> |
| | | </div> |
| | | <div class="kb_center_block_children all_block08"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom[3].BaseQuantity) }}</div> |
| | | <div class="box02" /> |
| | | <div>{{ RightBottom[3].classname }}</div> |
| | | </div> |
| | | <div class="kb_center_block_children all_block09"> |
| | | <div style="font-size: 24px;">{{ parseFloat(RightBottom[4].BaseQuantity) }}</div> |
| | | <div class="box02" /> |
| | | <div>{{ RightBottom[4].classname }}</div> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | LeftBottomData01: [], |
| | | LeftBottomData02: [], |
| | | |
| | | RightBottom: {} |
| | | RightBottom: [ |
| | | { BaseQuantity: '', classname: '' }, |
| | | { BaseQuantity: '', classname: '' }, |
| | | { BaseQuantity: '', classname: '' }, |
| | | { BaseQuantity: '', classname: '' }, |
| | | { BaseQuantity: '', classname: '' } |
| | | ] |
| | | |
| | | } |
| | | }, |
| | |
| | | } |
| | | |
| | | .kb_center_block_children { |
| | | height: 180px; |
| | | height: 160px; |
| | | //border: 1px solid $kbBorderColor; |
| | | width: 240px; |
| | | display: flex; |
| | |
| | | |
| | | .box02 { |
| | | background: url("../../assets/images/box02.png") no-repeat; |
| | | transform: scale(1.5); |
| | | transform: scale(1); |
| | | width: 145px; |
| | | height: 84px; |
| | | |
| | |
| | | .all_block05 { |
| | | position: absolute; |
| | | animation: upDown 3s ease-in-out infinite; |
| | | left: 170px; |
| | | left: 0; |
| | | } |
| | | |
| | | //.all_block06 { |
| | | // position: absolute; |
| | | // animation: upDown2 3s ease-in-out infinite; |
| | | // left: 320px; |
| | | //} |
| | | .all_block06 { |
| | | position: absolute; |
| | | animation: upDown2 3s ease-in-out infinite; |
| | | left: 160px; |
| | | } |
| | | |
| | | .all_block07 { |
| | | position: absolute; |
| | | animation: upDown 3s ease-in-out infinite; |
| | | left: 320px; |
| | | } |
| | | |
| | | .all_block08 { |
| | | position: absolute; |
| | | animation: upDown2 3s ease-in-out infinite; |
| | | left: 470px; |
| | | left: 480px; |
| | | } |
| | | .all_block09 { |
| | | position: absolute; |
| | | animation: upDown 3s ease-in-out infinite; |
| | | left: 640px; |
| | | } |
| | | |
| | | @keyframes upDown { |