chenming
/
496_dongfengqichen_wxsmall
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
东风启辰小程序端
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.
77 Commits
2 Branches
Tree: 39fb0b42b9
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '39fb0b42b9'
${ noResults }
496_dongfengqichen_wxsmall/496_dongfengqichen/pages/star/star.wxss

156 lines
2.5KB
Raw Blame History 

  1. /* pages/star/star.wxss */

  2. 

  3. .home {

  4.   position: relative;

  5.   height: 100%;

  6.   overflow: hidden;

  7. }

  8. 

  9. .home>.bg {

  10.   position: absolute;

  11.   bottom: 0;

  12.   width: 750rpx;

  13.   height: 1353rpx;

  14. }

  15. 

  16. .home>.logo1 {

  17.   position: absolute;

  18.   top: 0;

  19.   left: 60rpx;

  20.   width: 175rpx;

  21.   height: 150rpx;

  22. }

  23. 

  24. .home>.logo2 {

  25.   position: absolute;

  26.   top: 46rpx;

  27.   right: 34rpx;

  28.   width: 204rpx;

  29.   height: 40rpx;

  30. }

  31. 

  32. .ruleBtn {

  33.   position: absolute;

  34.   width: 153rpx;

  35.   height: 46rpx;

  36.   line-height: 46rpx;

  37.   font-size: 24rpx;

  38.   right: 0;

  39.   top: 196rpx;

  40.   color: #fff;

  41.   background-color: rgba(35, 24, 21, 0.63);

  42.   border-top-left-radius: 20rpx;

  43.   border-bottom-left-radius: 20rpx;

  44.   padding-left: 20rpx;

  45.   box-sizing: border-box;

  46. }

  47. .ruleBtnColor{

  48.   background-color: #345489;

  49. }

  50. .propagandaBox {

  51.   position: absolute;

  52.   width: 100%;

  53.   height: 76rpx;

  54.   bottom: 457rpx;

  55.   left: 0;

  56.   display: flex;

  57.   justify-content: center;

  58.   align-items: center;

  59.   background-color: rgba(11, 40, 109, 0.79);

  60. }

  61. .propagandaBox>.text{

  62.   color: #ffffff;

  63.   font-size: 28rpx;

  64. }

  65. .numBox{

  66.   display: inline-block;

  67.   height: 55rpx;

  68.   padding: 0 15rpx;

  69. }

  70. .numBox>.numFrame{

  71.   width: 42rpx;

  72.   height: 100%;

  73.   display: inline-block;

  74. }

  75. .numBox>.numFrame2{

  76.   width: 42rpx;

  77.   height: 100%;

  78.   margin-left: -42rpx;

  79.   display: inline-block;

  80. }

  81. 

  82. .home>.btnBox {

  83.   position: absolute;

  84.   width: 100%;

  85.   text-align: center;

  86.   left: 0;

  87.   bottom: 15rpx;

  88. }

  89. 

  90. .home>.btnBox>.btn {

  91.   width: 278rpx;

  92.   height: 47rpx;

  93.   line-height: 47rpx;

  94.   display: inline-block;

  95.   background-color: #345489;

  96.   margin: 0 10rpx;

  97.   color: #fff;

  98.   font-size: 21rpx;

  99.   border-radius: 15rpx;

  100. }

  101. 

  102. .home>.btnBox>.btn2 {

  103.   position: absolute;

  104.   width: 278rpx;

  105.   height: 47rpx;

  106.   left: 50%;

  107.   margin-left: -282rpx;

  108.   background-color: #000000;

  109.   display: inline-block;

  110.   opacity:0

  111. }

  112. 

  113. .mask {

  114.   position: absolute;

  115.   left: 0;

  116.   top: 0;

  117.   width: 100%;

  118.   height: 100%;

  119.   display: flex;

  120.   align-items: center;

  121.   justify-content: center;

  122.   background-color: rgba(0, 0, 0, 0.5);

  123. }

  124. 

  125. .mask>.ruleContent {

  126.   position: relative;

  127.   width: 631rpx;

  128.   height: 923rpx;

  129.   border-radius: 20rpx;

  130. }

  131. 

  132. .mask>.ruleContent>.rule {

  133.   position: relative;

  134.   width: 100%;

  135.   height: 100%;

  136.   overflow: auto;

  137. }

  138. 

  139. .closeBtn {

  140.   position: absolute;

  141.   height: 40rpx;

  142.   width: 40rpx;

  143.   right:-40rpx;

  144.   top:-40rpx;

  145. }

  146. 

  147. /* use cross as close button */

  148. 

  149. /* .closeBtn::before {

  150.   content: "\2716";

  151. } */

  152. .ruleImg{

  153.   width: 631rpx;

  154.   height: 1160rpx;

  155.   border-radius: 20rpx;

  156. }