uni.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* 页面左右间距 */
  2. $page-row-spacing: 30upx;
  3. $page-color-base: #f8f8f8;
  4. $page-color-light: #f8f6fc;
  5. $base-color: #fa436a;
  6. /* 文字尺寸 */
  7. $font-sm: 24upx;
  8. $font-base: 28upx;
  9. $font-lg: 32upx;
  10. /*文字颜色*/
  11. $font-color-dark: #303133;
  12. $font-color-base: #606266;
  13. $font-color-light: #909399;
  14. $font-color-disabled: #C0C4CC;
  15. $font-color-spec: #4399fc;
  16. /* 边框颜色 */
  17. $border-color-dark: #DCDFE6;
  18. $border-color-base: #E4E7ED;
  19. $border-color-light: #EBEEF5;
  20. /* 图片加载中颜色 */
  21. $image-bg-color: #eee;
  22. /* 行为相关颜色 */
  23. $uni-color-primary:#fa436a;
  24. $uni-color-success: #4cd964;
  25. $uni-color-warning: #f0ad4e;
  26. $uni-color-error: #dd524d;
  27. /* zokxc-设计规范 */
  28. $bg-color-split: #f5f5f5; //用于分割背景的底色,页面背景色
  29. $border-color-split: rgba(0,0,0,.1);//辅助分割线
  30. $main-color: #FC1C1C;//主体红色
  31. $com-v-border: 20rpx;//主体内容距离两边的距离
  32. $com-h-border: 20rpx;//主体内容距上下模块的间距
  33. $com-main-font-color: #2D2D2D;//主要内容字体颜色,eg:商品名称
  34. $main-font-color: #333;//用于重要级文字信息、内页标题信息,如导航名称、大板块标题、类目名称等
  35. $main-second-color: #666;//用于普通级段落信息引导词二级标题信息,如商品详情段落标题信息
  36. $main-third-color: #999;//用于辅助、次要的文字信息,如商品评论、规格标识
  37. /* 积分商城 颜色*/
  38. $point-good-price-color:#B64CFB;//用于积分商城商品价格背景颜色
  39. $point-btn-color:#9344FF;//用于积分商城兑换按钮背景颜色
  40. $point-index-title-color:#7B2AD0;//用于积分商城首页顶部背景颜色
  41. /*推手*/
  42. $ts-but:linear-gradient(270deg, #F04047 0%, #FE7951 100%);
  43. $ts-but2:linear-gradient(270deg, #FF2C40 0%, #FF3F5E 100%);
  44. $ts-ac:#FF3044;
  45. $ts-font-color:#E9323E;
  46. $ts-font-color2:#FF0000;