药柜需求提交

mini-pro-web/src/views/machine/index.vue

@@ -57,20 +57,46 @@
				<Illustration @showIjk="step=4"/>
				<div class="footer">
					<div @click="playTest" class="qrcode ">
					<div class="qrcodeTest">
						<div @click="playTest" class="qrcode ">
						<img src="./img/igongzhonghao.png" alt="">
						</div>
						<div>打开微信【扫一扫】</div>
						<div>关注厦门i健康公众号</div>
					</div>
					<div class="qrcode pl14">
					<div class="qrcodeTest">
						<div class="qrcode ">
						<img src="./img/iapp.png" alt="">
						</div>
						<div>打开微信【扫一扫】</div>
						<div>快速下载厦门i健康</div>
					</div>
					<div class="pl15 company-info">
					<div class="qrcodeTest">
						<div class="qrcode ">
						<img src="./img/weixin.png" alt="">
						</div>
						<div>打开微信【扫一扫】</div>
						<div>快速打开儿童医保码</div>	
					</div>
					<div class="qrcodeTest">
						<div class="qrcode ">
						<img src="./img/zhifubao.png" alt="">
						</div>
						<div>打开支付宝【扫一扫】</div>
						<div>快速打开儿童医保码</div>
					</div>
					
					
				</div>
				<div class="company-info">
						<div><img src="./img/shuju.png" alt=""></div>
						<div><img src="./img/logo.png" alt=""></div>
						<!-- <div>咨询电话：0592-1234567</div> -->
					</div>
				</div>
				
				
			</template>
		</div>
		<div v-if="step==4">

mini-pro-web/src/views/machine/scss/index.scss

@@ -114,48 +114,72 @@
                padding-left: 51px;
            }
		}
        
		.footer{
            display: -webkit-box;
            padding-left: 36px;
            margin-top: 25px;
            margin-top: 10px;
			display: flex;
			justify-content: space-around;
			margin-bottom: 20px;
			.qrcodeTest{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size:5px;
				font-weight: 100;
				>div{
					&:first-child{
						img{
							width: 48px;
							height: 48px;
                    		display: block;
						}
					}
					&:nth-child(2){
						padding-top: 0px;
						color: #fff;
					}
					&:nth-child(3){
						padding-top: 0px;
						color: #fff;
					}
				}
			};
            .qrcode{
                padding-top: 2px;
                img{
                    width: 58px;
                    height: 58px;
                    display: block;
                }
            }
            .company-info{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-box-align: end;
                -webkit-box-pack: start;
                img{
                    width: 48px;
                    height: 48px;
                    display: block;
                }
                >div{
                    &:first-child{
                        img{
                            width: 162px;
                        }
                    }
                    &:nth-child(2){
                        padding-top: 5px;
                        img{
                            width: 90px;
                        }
                    }
                    &:nth-child(3){
                        padding-top: 5px;
                        color: #fff;
                        font-size: 10px;
                    }
                }
            }
            
		}
		.company-info{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-box-align: center;
			-webkit-box-pack: center;
			img{
				display: block;
			}
			>div{
				&:first-child{
					img{
						width: 162px;
					}
				}
				&:nth-child(2){
					padding-top: 0px;
					img{
						width: 90px;
					}
				}
				&:nth-child(3){
					padding-top: 0px;
					color: #fff;
					font-size: 10px;
				}
			}
		}
		.dinamic-info{