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.
23 提交
2 分支
目錄樹: c0551f2f61
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'c0551f2f61'
${ noResults }
496_dongfengqichen_wxsmall/496_dongfengqichen/pages/poster/poster.wxss

128 line
2.1KB
原始文件 Blame 歷史記錄 

  1. /* pages/poster/poster.wxss */

  2. image{

  3.   display: block;

  4. }

  5. view{

  6.   -webkit-overflow-scrolling: touch;

  7. }

  8. .main{

  9.   height: calc(100vh - 150rpx);

  10.   overflow: auto;

  11.   position: relative;

  12. }

  13. .operationFrame{

  14.   margin-top: 43rpx;

  15.   width: 750rpx;

  16.   height: 234rpx;

  17.   background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.png?v=002');

  18.   display: flex;

  19.   align-items: center;

  20.   justify-content:center;

  21. }

  22. .operationGroup{

  23.   width: 96rpx;

  24.   display: flex;

  25.   flex-direction: column;

  26.   align-items: center;

  27.   position: relative;

  28.   overflow: hidden;

  29. }

  30. .saveIcon{

  31.   width: 96rpx;

  32.   height: 96rpx;

  33. }

  34. .operationText{

  35.   margin-top: 12rpx;

  36.   line-height: 12rpx;

  37.   font-size:12rpx;

  38.   font-family:PingFang;

  39.   font-weight:bold;

  40.   color:rgba(113,112,113,1);

  41. }

  42. .shareBtn{

  43.   position: absolute;

  44.   top: 0;

  45.   left: 0;

  46.   width: 96rpx;

  47.   height: 96rpx;

  48.   margin: 0;

  49.   padding: 0;

  50.   opacity: 0;

  51. }

  52. .selectTempFrame{

  53.   width:443rpx;

  54.   height:817rpx;

  55.   position: relative;

  56.   margin: 0 auto;

  57.   margin-top: 92rpx;

  58.   box-sizing: border-box;

  59. }

  60. .selectTempFrameBorder{

  61.   border: 10rpx solid #00548C;

  62. }

  63. .posterChoose{

  64.   width: 73rpx;

  65.   height: 73rpx;

  66.   position: absolute;

  67.   left: 50%;

  68.   transform: translate(-50%,-50%);

  69.   top:0;

  70.   z-index: 2;

  71. }

  72. .canvasDraw{

  73.   width:444rpx;

  74.   height:817rpx;

  75.   opacity: 0;

  76.   position: fixed;

  77.   top: 0;

  78.   left: 0;

  79. }

  80. .lookBigPic{

  81.   display: flex;

  82.   align-items: center;

  83.   flex-direction: column;

  84.   margin-top: 5rpx;

  85. }

  86. .lookBigIcon{

  87.   width: 41rpx;

  88.   height: 41rpx;

  89. }

  90. .lookBigText{

  91.   margin-top: 11rpx;

  92.   font-size:18rpx;

  93.   line-height: 18rpx;

  94.   font-family:PingFang;

  95.   font-weight:bold;

  96.   color:rgba(113,112,113,1);

  97. }

  98. .selectPosterTip{

  99.   width: 278rpx;

  100.   height: 68rpx;

  101.   margin: 0 auto;

  102.   margin-top: 20rpx;

  103. }

  104. .swiperSty{

  105.   width: 100%;

  106.   height: 909rpx;

  107. }

  108. .swiperPoster{

  109.   margin: 0 auto;

  110.   width: 444rpx;

  111.   height: 817rpx;

  112. }

  113. .leftArrow{

  114.   position: absolute;

  115.   top:50%;

  116.   left: 23rpx;

  117.   width: 28rpx;

  118.   height: 118rpx;

  119.   transform: translateY(-50%);

  120. }

  121. .rightArrow{

  122.   position: absolute;

  123.   width: 27rpx;

  124.   height: 118rpx;

  125.   top:50%;

  126.   right: 23rpx;

  127.   transform: translateY(-50%);

  128. }