/* pages/poster/poster.wxss */ image{ display: block; } view{ -webkit-overflow-scrolling: touch; } .main{ height: calc(100vh - 120rpx); overflow: auto; position: relative; } .operationFrame{ width: 750rpx; height: 386rpx; display: flex; justify-content:center; box-sizing: border-box; padding-top: 62rpx; } .operationGroup{ width: 237rpx; height: 56rpx; display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; } .saveIcon{ width: 237rpx; height: 56rpx; } .operationText{ margin-top: 19rpx; line-height: 24rpx; font-size:24rpx; font-family:PingFangSC; font-weight:300; color:rgba(51,84,128,1); } .shareBtn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .selectTempFrame{ width:443rpx; height:770rpx; position: relative; margin: 0 auto; margin-top: 60rpx; box-sizing: border-box; background-color: #00548C; } .selectTempFrameBorder{ border: 10rpx solid #00548C; } .posterChoose{ width: 73rpx; height: 73rpx; position: absolute; left: 50%; transform: translate(-50%,-50%); top:0; z-index: 2; } .canvasDraw{ width:1776rpx; height:3268rpx; position: fixed; top: 0; left: -1776rpx; background-color: black; } .lookBigPic{ display: flex; align-items: center; flex-direction: column; margin-top: 5rpx; } .lookBigIcon{ width: 41rpx; height: 41rpx; } .lookBigText{ margin-top: 11rpx; font-size:18rpx; line-height: 18rpx; font-family:PingFang; font-weight:bold; color:rgba(113,112,113,1); } .selectPosterTip{ width: 278rpx; height: 68rpx; margin: 0 auto; margin-top: 20rpx; } .swiperSty{ width: 100%; height: 909rpx; } .swiperPoster{ margin: 0 auto; width: 444rpx; height: 817rpx; } .leftArrow{ position: absolute; top:50%; left: 23rpx; width: 28rpx; height: 118rpx; transform: translateY(-50%); } .rightArrow{ position: absolute; width: 28rpx; height: 119rpx; top:50%; right: 23rpx; transform: translateY(-50%); } .imgGroup{ position: relative; width: 100%; height: 100%; } .userMsg{ position: absolute; left: 69rpx; top: 25rpx; display: flex; align-items: center; } .userHead{ width: 35rpx; height: 35rpx; border-radius: 50%; overflow: hidden; } .userNickName{ padding-top: 10rpx; margin-left: 6rpx; line-height: 28rpx; font-size:14rpx; font-family:NissanBrand; font-weight:400; color:rgba(255,255,255,1); } .userQrCode{ position: absolute; right: 16rpx; bottom: 10rpx; width: 75rpx; height: 75rpx; } .userNumber{ position: absolute; left: 50rpx; top: 598rpx; /* width: 333rpx; height: 74rpx; */ } .posterNum{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .posterNum1{ position: absolute; left: 0; top: 9rpx; width: 93rpx; height: 31rpx; } .posterNum2{ position: absolute; left: 0; top: 9rpx; width: 62rpx; height: 31rpx; } .posterNum3{ position: absolute; left: 0; top: 52rpx; width: 193rpx; height: 21rpx; } .newImages3-51{ position: absolute; left: 0; top: -4rpx; width: 38rpx; height: 50rpx; } .numberGroup{ width: 100%; height: 100%; position: relative; } .numberNum{ width: 32rpx; height: 40rpx; position: absolute; top: 4rpx; } .posterBottom{ width: 100%; position: absolute; left: 0; bottom: 0; } .titleText{ width: 682rpx; margin: 0 auto; margin-top: 78rpx; margin-bottom: 28rpx; line-height: 39rpx; font-size:39rpx; font-family:PingFangSC; font-weight:bold; color:rgba(0,77,149,1); } .lineSty{ width: 682rpx; height:2rpx; background-color: #B6B6B6; margin: 0 auto; margin-bottom: 30rpx; } .closeXieyi{ position: absolute; right: 48rpx; top: 38rpx; width: 42rpx; height: 42rpx; } .selectFrame{ position: relative; width: 611rpx; height: 80rpx; margin: 0 auto; margin-top: 102rpx; } .newImages17{ width: 100%; height: 100%; } .maskSelect{ position: absolute; top: 0; height: 100%; width: 50%; } .shareGroup{ position: relative; width: 462rpx; height: 585rpx; margin: 0 auto; margin-top: 65rpx; } .newImages19{ width: 100%; height: 100%; } .posterShareImg{ position: absolute; left: 50%; transform: translateX(-50%); top: 184rpx; width: 415rpx; height: 336rpx; } .newImages20{ position: relative; width: 750rpx; height: 482rpx; margin-top: 40rpx; } .newImages3-10{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .newImages3-11{ position: absolute; left: 50%; transform: translateX(-50%); top: 155rpx; width: 173rpx; height: 186rpx; } .shareSelect{ width: 96rpx; height: 138rpx; display: flex; align-items: center; justify-content: center; padding-top: 75rpx; padding-bottom: 85rpx; position: relative; margin: 0 auto; } .newImages21{ width: 96rpx; height: 138rpx; } .shareBtn2{ position: absolute; left: 50%; transform: translateX(-50%); top: 155rpx; width: 173rpx; height: 186rpx; margin: 0; padding: 0; opacity: 0; } .newImages3-8{ width: 96rpx; height: 96rpx; } .newImages3-share{ display: flex; align-items: center; flex-direction: column; } .newImages3-9{ width: 260rpx; height: 56rpx; margin-top: 33rpx; }