uni.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* uni-app 公共样式 */
  2. /* 这是一个占位文件,确保App.vue中的@import能正常工作 */
  3. /* 常用样式 */
  4. page {
  5. background-color: #f5f5f5;
  6. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  7. }
  8. .container {
  9. padding: 20rpx;
  10. }
  11. /* 按钮样式 */
  12. .btn-primary {
  13. background-color: #F97316;
  14. color: #fff;
  15. border-radius: 20rpx;
  16. padding: 20rpx 40rpx;
  17. text-align: center;
  18. font-size: 28rpx;
  19. }
  20. .btn-primary:active {
  21. opacity: 0.8;
  22. }
  23. .btn-secondary {
  24. background-color: #fff;
  25. color: #F97316;
  26. border: 2rpx solid #F97316;
  27. border-radius: 20rpx;
  28. padding: 20rpx 40rpx;
  29. text-align: center;
  30. font-size: 28rpx;
  31. }
  32. /* 卡片样式 */
  33. .card {
  34. background-color: #fff;
  35. border-radius: 16rpx;
  36. padding: 24rpx;
  37. margin-bottom: 20rpx;
  38. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
  39. }
  40. /* 文本样式 */
  41. .text-primary {
  42. color: #F97316;
  43. }
  44. .text-gray {
  45. color: #999;
  46. }
  47. .text-bold {
  48. font-weight: bold;
  49. }