marketing
/
miniapp
Volgen 4
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
48 Commits
2 Branches
Tree: 8aa9238365
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '8aa9238365'
${ noResults }
miniapp/src/pages/index/buildingDetail/components/SpecialPriceHouse/index.scss

index.scss 2.4KB
Geschiedenis Ruw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 
  1. .components.SpecialPriceHouse {

  2.   position: relative;

  3.   overflow: hidden;

  4.   padding: 40px 0;

  5.   >.Title {

  6.     align-items: center;

  7.     padding: 0 30px;

  8.     >.flex-item {

  9.       >text {

  10.         display: inline-block;

  11.         font-size: 34px;

  12.         color: #333;

  13.         line-height: 1;

  14.         letter-spacing: 4px;

  15.         font-weight: bold;

  16.       }

  17.     }

  18.     >text {

  19.       font-size: 26px;

  20.       color: #A1A1A1;

  21.     }

  22.   }

  23.   >.List {

  24.     position: relative;

  25.     overflow: hidden;

  26.     margin-top: 28px;

  27.     height: 222px;

  28.     >scroll-view {

  29.       width: 100%;

  30.       height: 100%;

  31.       font-size: 0;

  32.       white-space: nowrap;

  33.       .ListItem {

  34.         width: 336px;

  35.         height: 100%;

  36.         box-sizing: border-box;

  37.         border: 2px solid rgba(0, 0, 0, 0.2);

  38.         margin-right: 20px;

  39.         display: inline-block;

  40.         vertical-align: middle;

  41.         position: relative;

  42.         overflow: hidden;

  43.         border-radius: 10px;

  44.         &:first-child {

  45.           margin-left: 30px;

  46.         }

  47.         >.Tips {

  48.           min-width: 90px;

  49.           display: inline-block;

  50.           padding: 0 10px;

  51.           font-size: 16px;

  52.           color: #fff;

  53.           background: #193C83;

  54.           border-radius: 0 0 0 10px;

  55.           text-align: center;

  56.           position: absolute;

  57.           right: 0;

  58.           top: 0;

  59.           line-height: 24px;

  60.         }

  61.         >.Price {

  62.           white-space: nowrap;

  63.           margin-top: 30px;

  64.           padding: 0 20px;

  65.           >text {

  66.             display: inline-block;

  67.             vertical-align: middle;

  68.             font-size: 32px;

  69.             font-weight: bold;

  70.             color: red;

  71.             line-height: 1;

  72.             &:last-child {

  73.               color: #ccc;

  74.               text-decoration: line-through;

  75.               margin-left: 20px;

  76.               font-size: 28px;

  77.             }

  78.           }

  79.         }

  80.         >.Time {

  81.           display: block;

  82.           padding: 0 20px;

  83.           font-size: 20px;

  84.           color: red;

  85.           line-height: 1;

  86.           margin-top: 20px;

  87.         }

  88.         >.HouseType {

  89.           display: block;

  90.           padding: 0 20px;

  91.           font-size: 24px;

  92.           line-height: 1;

  93.           margin-top: 30px;

  94.           font-weight: bold;

  95.         }

  96.         >.DoorNumber {

  97.           display: block;

  98.           padding: 0 20px;

  99.           font-size: 20px;

  100.           line-height: 1;

  101.           margin-top: 20px;

  102.           color: #999;

  103.         }

  104.       }

  105.     }

  106.   }

  107. }