123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- /* pages/customized/made/made.wxss */
- page{
- background:#fff;
- }
- .made-content{
- width:750rpx;
- height:588rpx;
- }
- .made-content-canvas{
- position:absolute;
- top:0;
- left:0;
- /* opacity:0; */
- }
- .made-img-box{
- margin-top:60rpx;
- position: relative;
- }
- .made-prompt{
- width:inherit;
- height:inherit;
- }
- .made-img{
- background:red;
- width:270rpx;
- height:270rpx;
- padding:1rpx;
- margin:0 auto;
- position:fixed;
- top:0;
- left:0;
- }
- .made-img-image{
- width:750rpx;
- height:588rpx;
- }
- /* .made-font{
- background:blue;
- width:270rpx;
- height:270rpx;
- padding:1rpx;
- margin:0 auto;
- } */
- .font-content{
- display: inline-block;
- position:relative;
- }
- .made-box{
- position:relative;
- width: inherit;
- height: inherit;
- }
- .edit-content{
- /* width:270rpx;
- height:270rpx; */
- position:absolute;
- top:0;
- left:0;
- /* overflow: hidden; */
- z-index:30;
- }
- .made-font{
- /* width:270rpx;
- height:270rpx; */
- position:absolute;
- top:0;
- left:0;
- /* overflow: hidden; */
- z-index:40;
- }
- .btn-box{
- width:70%;
- margin:60rpx auto;
- }
- .btn-box button{
- width:200rpx;
- background:none;
- color:#c9c9c9;
- font-size:32rpx;
- margin-bottom:36rpx;
- border:1rpx solid #c9c9c9;
- box-shadow:none;
- }
- .btn-box button.active{
- color:#00af66;
- border:1rpx solid #00af66
- }
- .footer{
- position:fixed;
- bottom:0;
- width:100%;
- z-index:10;
- line-height:92rpx;
- background:#fff;
- border-top:1rpx solid #dcdcdc;
- text-align: center;
- color:#666;
- font-size:30rpx;
- cursor: pointer;
- }
- .footer-btn{
- border-left:1rpx solid #dcdcdc;
- }
- .footer-btn:first-child{
- border-left:0rpx solid #dcdcdc;
- }
|