index.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**index.wxss**/
  2. /* pages/test/test.wxss */
  3. .v1{
  4. width: 100%;
  5. display: flex;
  6. flex-flow: column wrap;
  7. justify-content: space-around;
  8. align-items: center;
  9. }
  10. .v2{
  11. margin-top: 25%;
  12. display: flex;
  13. flex-flow: column wrap;
  14. justify-content: space-around;
  15. box-sizing: border-box;
  16. border: 1px solid #ccc;
  17. background-color: white;
  18. align-items: center;
  19. padding: 20px 40px 20px 40px;
  20. }
  21. .img1{
  22. width: 45px;
  23. height: 45px;
  24. padding: 10px;
  25. align-items: center;
  26. }
  27. input{
  28. width: 100%;
  29. height: 20%;
  30. border: 1px solid #ccc;
  31. margin: 5px 10px 10px;
  32. border-radius: 5px;
  33. font-size: 18rpx;
  34. font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  35. }
  36. .v3{
  37. display: flex;
  38. flex-flow: row wrap;
  39. justify-content: space-between;
  40. }
  41. text{
  42. /* justify-content: space-between; */
  43. font-size: 20px;
  44. font-weight: 300px;
  45. color: skyblue;
  46. }
  47. .text2{
  48. margin-left: 100px;
  49. font-size: 20rpx;
  50. font-weight: 300px;
  51. color: skyblue;
  52. }
  53. .button{
  54. width: 30%;
  55. height: 5%;
  56. font-size: 12px;
  57. color: white;
  58. background-color: deepskyblue;
  59. margin: 5px 5px;
  60. }
  61. .qr{
  62. width: 200px;
  63. height: 200px;
  64. }
  65. .v4{
  66. margin-top: 25%;
  67. display: flex;
  68. flex-flow: row wrap;
  69. justify-content: space-around;
  70. }