marketing
/
miniapp
Bevaka 4
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Activity
53 Incheckningar
2 Grenar
Träd: ed2174c9a0
Grenar Taggar
${ item.name }
Create branch ${ searchTerm }
from 'ed2174c9a0'
${ noResults }
miniapp/src/pages/index/buildingRules/index.scss

index.scss 2.0KB
Historik Rå

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 
  1. .Page.buildingRules {

  2.   width: 100%;

  3.   height: 100%;

  4.   > scroll-view {

  5.     width: 100%;

  6.     height: 100%;

  7.     .Content {

  8.       position: relative;

  9.       overflow: hidden;

  10.       > image {

  11.         width: 100%;

  12.         display: block;

  13.       }

  14.       > .Title {

  15.         font-size: 0;

  16.         white-space: nowrap;

  17.         text-align: center;

  18.         margin-top: 42px;

  19.         position: relative;

  20.         overflow: hidden;

  21.         &::after {

  22.           content: "";

  23.           width: 80%;

  24.           height: 2px;

  25.           display: block;

  26.           position: absolute;

  27.           z-index: 1;

  28.           left: 10%;

  29.           top: 14px;

  30.           background: #333;

  31.         }

  32.         > view {

  33.           display: inline-block;

  34.           font-size: 0;

  35.           white-space: nowrap;

  36.           position: relative;

  37.           z-index: 2;

  38.           background: #fff;

  39.           padding: 0 10px;

  40.           > text {

  41.             display: inline-block;

  42.             vertical-align: middle;

  43.             font-size: 30px;

  44.             color: #333;

  45.             line-height: 1;

  46.             margin-left: 20px;

  47.             &:first-child {

  48.               margin-left: 0;

  49.             }

  50.           }

  51.         }

  52.       }

  53.       > .Text {

  54.         padding: 0 30px;

  55.         position: relative;

  56.         overflow: hidden;

  57.         margin-top: 30px;

  58.         > text {

  59.           display: block;

  60.           font-size: 30px;

  61.           color: #333;

  62.           line-height: 48px;

  63.           text-indent: 2em;

  64.         }

  65.       }

  66.       >.Bottom {

  67.         padding: 0 30px 30px;

  68.         position: relative;

  69.         overflow: hidden;

  70.         margin-top: 100px;

  71.         >view {

  72.           padding: 30px;

  73.           position: relative;

  74.           overflow: hidden;

  75.           background: #F8F8F8;

  76.           border-radius: 8px;

  77.           >view {

  78.             >text {

  79.               font-size: 20px;

  80.               color: #999;

  81.               line-height: 30px;

  82.               letter-spacing: 2px;

  83.               &.active {

  84.                 color: #193C83;

  85.               }

  86.             }

  87.           }

  88.         }

  89.       }

  90.     }

  91.   }

  92. }