patternMenu.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* pages/patternList/patternList.wxss */
  2. .container{
  3. min-height: 100vh;
  4. background-color: #fff;
  5. }
  6. .each_title_icon{
  7. display: block;
  8. width: 599rpx;
  9. height: 70rpx;
  10. margin: 20rpx auto 30rpx;
  11. }
  12. .each_tab{
  13. display: inline-block;
  14. width: 28.5%;
  15. }
  16. .each_tab_1{
  17. width: 100%;
  18. }
  19. .each_tab_2{
  20. width: 50%;
  21. }
  22. .each_tab_3{
  23. width: 33.3%;
  24. }
  25. .each_tab_4{
  26. width: 25%;
  27. }
  28. .each_cont_icon{
  29. display: block;
  30. width: 160rpx;
  31. height: 160rpx;
  32. margin: 0 auto;
  33. }
  34. .each_cont_name{
  35. font-size: 28rpx;
  36. line-height: 60rpx;
  37. color: #b4a078;
  38. text-align: center;
  39. }
  40. .finish_btn{
  41. display: block;
  42. width: 294rpx;
  43. height: 80rpx;
  44. font-size: 30rpx;
  45. line-height: 80rpx;
  46. color: #b4a078;
  47. background-color: #e5e5e5;
  48. margin: 60rpx auto 0;
  49. text-align: center;
  50. border-radius: 2px;
  51. }
  52. .header_nav_wrap{
  53. width:100%;
  54. color:#fff;
  55. overflow : auto ;
  56. }
  57. .header_nav{
  58. white-space: nowrap;
  59. /* display: flex; */
  60. }
  61. /* .header_nav_each{
  62. display: inline-block;
  63. height:40rpx;
  64. font-size: 28rpx;
  65. line-height:44rpx;
  66. padding: 0 20rpx;
  67. margin:18rpx 20rpx;
  68. } */
  69. .header_nav_active{
  70. border:1px solid #fff;
  71. border-radius: 20rpx;
  72. }