button.styl 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @import './variable.styl'
  2. .btn-primary-big-radius
  3. background-color $primary
  4. color $color-ff
  5. width 625rpx
  6. line-height 104rpx
  7. font-size 33rpx
  8. text-align center
  9. border-radius 50rpx
  10. margin:0 auto;
  11. .btn-prohibit-big-radius
  12. background-color $prohibit
  13. color $color-ff
  14. width 625rpx
  15. line-height 104rpx
  16. font-size 33rpx
  17. text-align center
  18. border-radius 50rpx
  19. margin:0 auto;
  20. .btn-primary-big
  21. background-color $primary
  22. color $color-ff
  23. width 625rpx
  24. line-height 104rpx
  25. font-size 33rpx
  26. text-align center
  27. border-radius 20rpx
  28. margin:0 auto;
  29. .btn-prohibit-big
  30. background-color $prohibit
  31. color $color-ff
  32. width 625rpx
  33. line-height 104rpx
  34. font-size 33rpx
  35. text-align center
  36. border-radius 20rpx
  37. margin:0 auto;
  38. //底部边框
  39. .border-bottom-f7
  40. border-bottom:2rpx solid #f7f7f7;
  41. //主色边框
  42. .border-primary
  43. border:2rpx solid #00b68a;
  44. //单行溢出省略号
  45. .dlc-one-row-omit
  46. display block
  47. overflow hidden
  48. text-overflow ellipsis
  49. white-space nowrap
  50. //双行溢出省略号
  51. .dlc-tow-row-omit
  52. display -webkit-box
  53. -webkit-box-orient vertical
  54. -webkit-line-clamp 2
  55. overflow hidden
  56. //三行溢出省略号
  57. .dlc-three-row-omit
  58. display -webkit-box
  59. -webkit-box-orient vertical
  60. -webkit-line-clamp 3
  61. overflow hidden
  62. //四行溢出省略号
  63. .dlc-four-row-omit
  64. display -webkit-box
  65. -webkit-box-orient vertical
  66. -webkit-line-clamp 4
  67. overflow hidden
  68. //文本自动换行
  69. .dlc-text-auto-row
  70. width 456rpx
  71. word-wrap break-word
  72. word-break break-all
  73. overflow hidden