marketing
/
miniapp
Seguir 4
Destacar 0
Cuchillo 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Activity
37 Commits
2 Ramas
Árbol: afb8b9f1c0
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'afb8b9f1c0'
${ noResults }
miniapp/src/pages/index/buildingDetail/components/PropertyConsultant/index.scss

index.scss 2.0KB
Histórico Original

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 
  1. .components.PropertyConsultant {

  2.   position: relative;

  3.   overflow: hidden;

  4.   padding: 40px 30px;

  5.   >.Title {

  6.     align-items: center;

  7.     >.flex-item {

  8.       >text {

  9.         display: block;

  10.         font-size: 34px;

  11.         color: #333;

  12.         line-height: 1;

  13.         letter-spacing: 4px;

  14.         font-weight: bold;

  15.       }

  16.     }

  17.     >text {

  18.       font-size: 26px;

  19.       color: #A1A1A1;

  20.     }

  21.   }

  22.   >.TipsList {

  23.     position: relative;

  24.     overflow: hidden;

  25.     margin-top: 28px;

  26.     >view.flex-item {

  27.       font-size: 0;

  28.       white-space: nowrap;

  29.       text-align: center;

  30.       flex: 3;

  31.       &:first-child {

  32.         flex: 2;

  33.         text-align: left;

  34.       }

  35.       &:last-child {

  36.         flex: 2;

  37.         text-align: right;

  38.       }

  39.       >text {

  40.         display: inline-block;

  41.         vertical-align: middle;

  42.         font-size: 22px;

  43.         color: #888;

  44.         line-height: 32px;

  45.       }

  46.     }

  47.   }

  48.   >.PersonList {

  49.     position: relative;

  50.     overflow: hidden;

  51.     margin-top: 34px;

  52.     >view {

  53.       align-items: center;

  54.       margin-top: 52px;

  55.       &:first-child {

  56.         margin-top: 0;

  57.       }

  58.       >.Icon {

  59.         width: 88px;

  60.         height: 88px;

  61.         position: relative;

  62.         overflow: hidden;

  63.         border-radius: 100%;

  64.         background: #eee;

  65.         >image {

  66.           width: 100%;

  67.           height: 100%;

  68.         }

  69.       }

  70.       >.flex-item {

  71.         margin-left: 24px;

  72.         >text {

  73.           display: block;

  74.           white-space: nowrap;

  75.           font-size: 26px;

  76.           color: #666;

  77.           line-height: 36px;

  78.           margin-top: 4px;

  79.           &:first-child {

  80.             margin-top: 0;

  81.             font-size: 32px;

  82.             color: #333;

  83.           }

  84.         }

  85.       }

  86.       >text {

  87.         font-size: 48px;

  88.         width: 80px;

  89.         line-height: 80px;

  90.         text-align: center;

  91.         border-radius: 100%;

  92.         background: rgba(251, 171, 87, 0.12);

  93.         color: #FBAB57;

  94.         margin-left: 40px;

  95.         &:last-child {

  96.           color: #81BC4B;

  97.           background: rgba(129, 188, 75, 0.12);

  98.         }

  99.       }

  100.     }

  101.   }

  102. }