app.wxss 673 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /**app.wxss**/
  2. .container {
  3. height: 100%;
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. justify-content: space-between;
  8. padding: 200rpx 0;
  9. box-sizing: border-box;
  10. }
  11. page {
  12. padding: 20rpx;
  13. /* padding右边不起效果解决办法 */
  14. box-sizing:border-box;
  15. background-color: #f5f5f5;
  16. --themeColor: #FFC300;/*定义全局颜色*/
  17. }
  18. /* text样式 */
  19. .text {
  20. font-size: 40rpx;
  21. font-weight: 600;
  22. }
  23. .text_small {
  24. font-size: 30rpx;
  25. font-weight: 400;
  26. }
  27. /* 文字下方黄色横线 */
  28. .color_block {
  29. width: 90rpx;
  30. height: 20rpx;
  31. background-color: var(--themeColor);
  32. opacity: 0.8;
  33. z-index: -1;
  34. }