酷炫小程序

setting.wxss 705B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /**index.wxss**/
  2. .line {
  3. width: 100%;
  4. height: 33.33%;
  5. display: flex;
  6. justify-content: space-around;
  7. }
  8. .line .blackBlock {
  9. background-color: #000000;
  10. width: 50%;
  11. height: 100%;
  12. color: #ffffff;
  13. text-align: center;
  14. line-height: 400rpx;
  15. }
  16. .line .whiteBlock {
  17. background-color: #ffffff;
  18. width: 50%;
  19. height: 100%;
  20. color: #000000;
  21. text-align: center;
  22. line-height: 400rpx;
  23. }
  24. .headUrl {
  25. width: 150rpx;
  26. height: 150rpx;
  27. margin: auto;
  28. margin-top: 86rpx;
  29. }
  30. .headUrl image {
  31. width: 150rpx;
  32. height: 150rpx;
  33. display: flex;
  34. border-radius: 50%;
  35. }
  36. .nickName {
  37. width: 100%;
  38. height: 40rpx;
  39. font-size: 40rpx;
  40. line-height: 40rpx;
  41. margin: auto;
  42. margin-top: 32rpx;
  43. }