123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- /* pages/customized/made/madeFont/madeFont.wxss */
- page{
- background:#fff;
- }
- .made-img-box{
- position:relative;
- margin-top:10rpx;
- }
- .made-img-box image {
- width:750rpx;
- height:800rpx;
- }
- .made-prompt{
- width:inherit;
- height:inherit;
- }
- .made-box{
- width:270rpx;
- height:270rpx;
- padding:1rpx;
- margin:0 auto;
- /* background:red; */
- }
- .footer-icon{
- width:120rpx;
- }
- .footer-add-btn{
- text-align: center
- }
- .made-font{
- width:5555555555555rpx;
- }
- .font-content{
- display: inline-block;
- position:relative;
- width:218rpx;
- height:218rpx;
- /* border:2rpx dashed #000; */
- overflow: hidden;
- }
- #touchFont{
- height:99999999999rpx;
- width:9999999999rpx;
- }
- /* .font-content .iconfont{
- position:absolute;
- font-size:60rpx;
- z-index:10;
- }
- .icon-close{
- top:-50rpx;
- left:-50rpx;
- } */
- .icon-rotate{
- bottom:'-20rpx';
- right:'-20rpx';
- }
- .slider-box{
- /* margin-top:100rpx; */
- }
- /* 层样式 */
- .font-ceng{
- width:100%;
- height:100%;
- position:fixed;
- top:0;
- left:0;
- z-index:110000;
- background:rgba(0,0,0,0.6);
- }
- .input-box input{
- width:600rpx;
- height:150rpx;
- line-height:150rpx;
- margin:50rpx auto;
- text-align:center;
- background:none;
- border:2rpx dashed #fff;
- color:#fff;
- font-size:30rpx;
- font-weight: bold;
- }
- .font-color{
- width:600rpx;
- margin:0 auto;
- }
- .font-item{
- width:50rpx;
- height:50rpx;
- border-radius:50%;
- }
- .isColor{
- width:40rpx;
- height:40rpx;
- border:5rpx solid #fff;
- border-radius:50%;
- }
- .isColor .font-item{
- width:30rpx;
- height:30rpx;
- border-radius:50%;
- border:5rpx solid rgba(0,0,0,0.6);
- }
- .edit-content{
- position:absolute;
- top:0;
- left:0;
- z-index:30;
- }
- .made-box{
- position:relative;
- width: inherit;
- height: inherit;
- }
- .made-font{
- position:absolute;
- top:0;
- left:0;
- width:5555555555555rpx;
- z-index:40;
- }
- .select-weight{
- font-size:32rpx;
- font-weight: bold;
- /* background:#fff; */
- color:#fff;
- width:50rpx;
- height:50rpx;
- text-align: center;
- line-height:50rpx;
- border-radius:5rpx;
- }
- .made-img-image_1{
- width:750rpx;
- height:800rpx;
- position:absolute;
- z-index:199;
- }
|