123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- /* 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{
- /* text-align: center; */
- 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;
- width:218rpx;
- height:218rpx;
- /* border:2rpx dashed #e0e0e0; */
- overflow: hidden;
- }
- .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; */
- width:5555555555555rpx;
- 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-btn{
- border-left:1rpx solid #dcdcdc;
- text-align: center;
- border-top:2rpx solid #e0e0e0;
- }
- .footer-btn:first-child{
- border-left:0rpx solid #dcdcdc;
- }
- .comb-content{
- width:750rpx;
- height:588rpx;
- }
- .comb-img,.comb-font{
- width:270rpx;
- height:270rpx;
- }
- .comb-img{
- background:rgb(255, 176, 29);
- }
- .comb-font{
- background:#2e8aec;
- }
- .font-height{
- color:red;
- }
- #touchFont{
- height:99999999999rpx;
- width:9999999999rpx;
- }
|