liugang
/
channel_business
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
业务交流通
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 Commit
6 Rami (Branch)
Albero (Tree): c69cbc0ff1
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'c69cbc0ff1'
${ noResults }
channel_business/pages/index/components/homepage/homepage.wxss

homepage.wxss 2.3KB
Originale Blame Cronologia

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 
  1. /* pages/index/components/homepage/homepage.wxss */

  2. .header-view {

  3.     border-radius: 30rpx;

  4.     background: #fff;

  5.     box-sizing: border-box;

  6.     padding: 26rpx 42rpx;

  7.     padding-bottom: 0;

  8.     position: relative;

  9.     position: sticky;

  10.     top: 0;

  11.     z-index: 999;

  12. }

  13. .header-view .user-view{

  14.     height: 104rpx;

  15. }

  16. .header-view .chatHeads-view{

  17.     width: 104rpx;

  18.     height: 104rpx;

  19.     border-radius: 50%;

  20.     background: #999;

  21. }

  22. 

  23. .header-view .chatHeads-view .chatHeads-img{

  24.     width: 100%;

  25.     height: 100%;

  26.     border-radius: 50%;

  27. }

  28. 

  29. .header-view .customer-info{

  30.     width: calc(100% - 104rpx);

  31.     height: 104rpx;

  32.     box-sizing: border-box;

  33.     padding-left: 30rpx;

  34.     padding-bottom: 14rpx;

  35.     padding-top: 10rpx;

  36. }

  37. 

  38. 

  39. 

  40. .header-view .customer-nick-name{

  41.     height: 50rpx;

  42.     line-height: 50rpx;

  43.     font-size: 28rpx;

  44.     color: #333;

  45. }

  46. 

  47. .header-view .customer-address{

  48.     height: 30rpx;

  49.     line-height: 30rpx;

  50.     font-size: 24rpx;

  51.     color: #999;

  52. }

  53. 

  54. 

  55. .service-project {

  56.     margin-top: 20rpx;

  57.     color: #999999;

  58.     font-size: 24rpx;

  59.     box-sizing: border-box;

  60.     padding-left: 63rpx;

  61. }

  62. 

  63. 

  64. .header-view .gird-view{

  65.     height: 100rpx;

  66.     margin-top: 30rpx;

  67. }

  68. .gird-view-item {

  69.     width: 25%;

  70.     text-align: center;

  71. }

  72. .gird-view-item .gird-view-num{

  73.     font-size: 26rpx;

  74.     color: #728dd4;

  75.     font-weight: bold;

  76. }

  77. .gird-view-item .gird-view-text{

  78.     font-size: 24rpx;

  79.     color: #333;

  80.     font-family: SourceHanSansCN-Medium;

  81. }

  82. 

  83. /* 平台认证 */

  84. .list-certification {

  85.     position: absolute;

  86.     right: 0;

  87.     top: 22rpx;

  88.     width: 130rpx;

  89. 	height: 40rpx;

  90.     line-height: 40rpx;

  91. 	background-color: #fff0be;

  92. 	border-radius: 18rpx 0 0 18rpx;

  93.     text-align: center;

  94.     color: #ef6f10;

  95.     font-size: 20rpx;

  96. }

  97. .list-certification .certification-img{

  98.     width: 26rpx;

  99.     height: 27rpx;

  100.     position: relative;

  101.     top: 6rpx;

  102. }

  103. 

  104. .demands-view {

  105.     height: 30rpx;

  106.     line-height: 30rpx;

  107.     margin: 30rpx 0;

  108. }

  109. 

  110. .demands-view .demands-img{

  111.     width: 31rpx;

  112.     height: 29rpx;

  113.     position: relative;

  114.     top: 5rpx;

  115. }

  116. .demands-view .demands-text{

  117.     color: #333333;

  118.     font-size: 26rpx;

  119.     font-weight: bold;

  120.     margin-left: 10rpx;

  121. }

  122. 

  123. .foot-view {

  124.     position: fixed;

  125.     bottom: 0;

  126.     background: #f5f9ff;

  127.     width: 100%;

  128.     box-sizing: border-box;

  129.     padding: 0 40rpx;

  130.     padding-bottom: 20rpx;

  131. }