/* 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; }