123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- /* pages/customized/made/madeFont/madeFont.wxss */
- page{
- background:#fff;
- }
- .made-img-box{
- position:relative;
- margin-top:60rpx;
- }
- .made-img-box image {
- width:100%;
- height:588rpx;
- }
- .made-prompt{
- width:inherit;
- height:inherit;
- }
- .made-box{
- width:270rpx;
- height:270rpx;
- padding:1rpx;
- margin:0 auto;
- /* background:red; */
- }
- .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-icon{
- width:190rpx;
- }
- .footer-add-btn{
- background:#00af66;
- color:#fff;
- }
- /* .made-font{
- position: absolute;
- top:0;
- left:0;
- } */
- .font-content{
- display: inline-block;
- position:relative;
- }
- .font-content .iconfont{
- position:absolute;
- font-size:60rpx;
- z-index:10;
- }
- .icon-close{
- top:'-20rpx';
- left:'-20rpx';
- }
- .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);
- }
|