chenming
/
496_dongfengqichen_wxsmall
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
东风启辰小程序端
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.
12 提交
2 分支
目錄樹: e980625bad
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'e980625bad'
${ noResults }
496_dongfengqichen_wxsmall/496_dongfengqichen/pages/star/star.wxss

138 line
2.2KB
原始文件 Blame 歷史記錄 

  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. 

  48. .propagandaBox {

  49.   position: absolute;

  50.   width: 100%;

  51.   height: 76rpx;

  52.   bottom: 457rpx;

  53.   left: 0;

  54.   display: flex;

  55.   justify-content: center;

  56.   align-items: center;

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

  58. }

  59. .propagandaBox>.text{

  60.   color: #ffffff;

  61.   font-size: 28rpx;

  62. }

  63. .numBox{

  64.   display: inline-block;

  65.   height: 55rpx;

  66.   padding: 0 15rpx;

  67. }

  68. .numBox>.numFrame{

  69.   width: 42rpx;

  70.   height: 100%;

  71.   display: inline-block;

  72. }

  73. 

  74. .home>.btnBox {

  75.   position: absolute;

  76.   width: 100%;

  77.   text-align: center;

  78.   left: 0;

  79.   bottom: 15rpx;

  80. }

  81. 

  82. .home>.btnBox>.btn {

  83.   width: 278rpx;

  84.   height: 47rpx;

  85.   line-height: 47rpx;

  86.   display: inline-block;

  87.   background-color: #345489;

  88.   margin: 0 10rpx;

  89.   color: #fff;

  90.   font-size: 21rpx;

  91.   border-radius: 15rpx;

  92. }

  93. 

  94. .mask {

  95.   position: absolute;

  96.   left: 0;

  97.   top: 0;

  98.   width: 100%;

  99.   height: 100%;

  100.   display: flex;

  101.   align-items: center;

  102.   justify-content: center;

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

  104. }

  105. 

  106. .mask>.ruleContent {

  107.   position: relative;

  108.   width: 562rpx;

  109.   height: 971rpx;

  110.   border-radius: 20rpx;

  111.   background-color: #ffffff;

  112. }

  113. 

  114. .mask>.ruleContent>.rule {

  115.   position: relative;

  116.   width: 100%;

  117.   height: 100%;

  118. }

  119. 

  120. .closeBtn {

  121.   color: #ffffff;

  122.   border-radius: 50%;

  123.   text-align: center;

  124.   height: 40rpx;

  125.   line-height: 40rpx;

  126.   width: 40rpx;

  127.   font-size: 30rpx;

  128.   padding: 2rpx;

  129.   position: absolute;

  130.   border: 2rpx solid #fff;

  131. }

  132. 

  133. /* use cross as close button */

  134. 

  135. .closeBtn::before {

  136.   content: "\2716";

  137. }