zhanghuiqing
/
manicure
1
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
美甲小程序
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.
3 Commits
4 Branches
1.3 MiB
 
Branch: master
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'master'
${ noResults }
manicure/pages/detailContent/detailContent.wxss

159 regels
2.2 KiB
Ruw Permalink Blame Geschiedenis 

  1. /* pages/detailContent/detailContent.wxss */

  2. 

  3. .body-box {

  4.   padding: 0 24rpx;

  5.   width: 100%;

  6.   box-sizing: border-box;

  7. }

  8. 

  9. .head-title {

  10.   height: 98rpx;

  11.   width: 100%;

  12.   line-height: 98rpx;

  13.   color: #333333;

  14.   font-size: 30rpx;

  15.   font-weight: 500;

  16. }

  17. 

  18. .swiper-box {

  19.   width: 100%;

  20.   height: 539rpx;

  21.   border-radius: 16rpx;

  22.   overflow: hidden;

  23. }

  24. 

  25. .swiper {

  26.   width: 100%;

  27.   height: 100%;

  28. }

  29. 

  30. .imageUrl {

  31.   width: 100%;

  32.   height: 100%;

  33. }

  34. 

  35. .imageUrl-box {

  36.   position: relative;

  37.   width: 100%;

  38.   height: 100%;

  39. }

  40. 

  41. .swiper .itemTitle {

  42.   position: absolute;

  43.   z-index: 9;

  44.   bottom: 20rpx;

  45.   left: 0rpx;

  46.   right: 0rpx;

  47.   margin: 0 auto;

  48.   text-align: center;

  49.   color: #F85E4C;

  50.   font-size: 24rpx;

  51. }

  52. 

  53. .scroll-view {

  54.   padding-left: 24rpx;

  55.   white-space: nowrap;

  56.   height: 209rpx;

  57.   width: 100%;

  58.   box-sizing: border-box;

  59. }

  60. 

  61. .scroll-view-box {

  62.   display: inline-block;

  63.   width: 160rpx;

  64.   height: 209rpx;

  65.   border-radius: 16rpx;

  66.   margin-right: 16rpx;

  67.   overflow: hidden;

  68. }

  69. 

  70. 

  71. 

  72. 

  73. 

  74. .scroll-view-box>image {

  75.   width: 160rpx;

  76.   height: 160rpx;

  77.   vertical-align: middle;

  78. }

  79. 

  80. .scroll-view-box>.itemTitle {

  81.   text-align: center;

  82.   color: #333333;

  83.   width: 100%;

  84.   height: 49rpx;

  85.   line-height: 49rpx;

  86.   font-size: 24rpx;

  87.   background: #F1F1F1;

  88.   font-weight: 500;

  89. }

  90. 

  91. .scroll-view-box>.itemColor {

  92.   text-align: center;

  93.   color: #FFF;

  94.   width: 100%;

  95.   height: 49rpx;

  96.   line-height: 49rpx;

  97.   font-size: 24rpx;

  98.   background: #F96956;

  99.   font-weight: 500;

  100. }

  101. 

  102. 

  103. .bottom-box {

  104.   width: 100%;

  105.   padding: 0 24rpx;

  106.   margin-top: 52rpx;

  107.   box-sizing: border-box;

  108. }

  109. 

  110. .input-box {

  111.   width: 100%;

  112.   background-color: #FFF;

  113.   height: 88rpx;

  114.   border-radius: 16rpx;

  115.   vertical-align: middle;

  116.   position: relative;

  117.   text-align: center;

  118.   

  119. }

  120. 

  121. .inputItem {

  122.   display: inline-block;

  123.   height:100%;

  124.   color: #333333;

  125.   font-size: 30rpx;

  126.   font-weight: 500;

  127. }

  128. 

  129. 

  130. .text-g {

  131.   position: absolute;

  132.  color: #999999;

  133.  font-size: 30rpx;

  134.   line-height: 88rpx;

  135.   right: 30rpx;

  136.   top: 0;

  137. }

  138. 

  139. 

  140. .button-box {

  141.   width: 100%;

  142.   height: 88rpx;

  143.   line-height: 88rpx;

  144.   text-align: center;

  145.   color: #FFF;

  146.   margin-top: 24rpx;

  147.   background: #F85E4C;

  148.   box-shadow: 0rpx 4rpx 20rpx 0px #FFB9B1;

  149.   border-radius: 16rpx;

  150.   font-size: 24rpx;

  151.   font-weight: 500;

  152. }

  153. 

  154. .serch-n {

  155.   width: 26rpx;

  156.   margin-right: 10rpx;

  157.   vertical-align: -4rpx;

  158. 

  159. }