wx/pages/index/index.wxss

/**index.wxss**/
/* pages/test/test.wxss */
.v1{
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: center;
   }
   .v2{
    margin-top: 25%;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: white;
    align-items: center;
    padding: 20px 40px 20px 40px;
   }
   .img1{
    width: 45px;
    height: 45px;
    padding: 10px;
    align-items: center;
   }
   input{
    width: 100%;
    height: 20%;
    border: 1px solid #ccc;
    margin: 5px 10px 10px;
    border-radius: 5px;
    font-size: 18rpx;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   }
   .v3{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
text{
 /* justify-content: space-between; */
 font-size: 20px;
 font-weight: 300px;
 color: skyblue;
}
.text2{
 margin-left: 100px;
 font-size: 20rpx;
 font-weight: 300px;
 color: skyblue;
}
.button{
 width: 30%;
 height: 5%;
 font-size: 12px;
 color: white;
 background-color: deepskyblue;
 margin: 5px 5px;
}
.qr{
 width: 200px;
 height: 200px;
}
.v4{
 margin-top: 25%;
 display: flex;
 flex-flow: row wrap;
 justify-content: space-around;
}