设计定制问题修改

customized/pages/index/index.wxml

@@ -30,7 +30,7 @@
   <view class='footer-box'>
   <view class='cust-footer f-box f-justify-content-end'>
   <view class='f-item'>
-  <navigator class='icon-VIP iconfont c-green' bindtap='vipBtn'></navigator>
+  <navigator class='c-green f-s32 vip' bindtap='vipBtn'>VIP专区</navigator>
   </view>
   
     <navigator open-type="switchTab" url='/pages/index/index' class='icon-shouye iconfont c-green'></navigator>

customized/pages/index/index.wxss

@@ -1,5 +1,5 @@
 page{
-  background: #fff;
+  /* background: #fff; */
 }
 .cust-img image{
   width:200rpx;
@@ -20,6 +20,17 @@ page{
   text-align: center;
   line-height:70rpx;
   margin:0 15rpx;
+  background:#fff;
+  border-radius:70rpx;
+}
+.cust-footer .vip{
+  height:62rpx;
+  line-height:62rpx;
+  width:160rpx;
+  text-align: center;
+  border-radius:62rpx;
+  background:#fff;
+  margin-left:10rpx;
 }
 .icon-car{
   position:relative;
@@ -120,4 +131,7 @@ page{
 }
 .pwd-title{
   text-align: center;
+}
+.footer-box{
+  background:none;
 }

customized/pages/made/madeFont/madeFont.js

@@ -35,7 +35,7 @@ Page({
     fontFamilyArray: ['Nomal', 'Monospace', 'Sans', 'Serif'], // 自带字体样式 
     addFontStatic: false, // 添加文字
     inputFont: null,
-    touch: {
+    fontTouch: {
       isActive: '1', // 表示正面
       fontContent: '可定制区域',
       isColor: '#ffffff', // 默认是白色
@@ -48,8 +48,10 @@ Page({
       width: 0,
       height: 0,
     },
+    imgFont:{}, // 图片对象
     animationData: {}, //旋转动画
-
+    imgAnimationData: {}, // 图片的旋转
+    imgTouch:{},
   },
 
   /**
@@ -60,13 +62,16 @@ Page({
     that.animation = wx.createAnimation({
       timingFunction: 'step-start', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
     })
+    that.imgAnimation = wx.createAnimation({
+      timingFunction: 'step-start', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
+    })
     if ('id' in options) {
       let cupNum = util.changeCup(options.id);
       let madeTouchFont = wx.getStorageSync('madeCupFontData' + options.id);
       if (madeTouchFont) {
         that.animation.rotate(madeTouchFont.angle).step();
         that.setData({
-          touch: madeTouchFont,
+          fontTouch: madeTouchFont,
           animationData: that.animation.export(),
           isActive: options.id,
           dataPositionObj: cupNum.dataPositionObj,
@@ -74,7 +79,7 @@ Page({
         })
       } else {
         that.setData({
-          'touch.isActive': options.id,
+          'fontTouch.isActive': options.id,
           isActive: options.id,
           dataPositionObj: cupNum.dataPositionObj,
           propSize: cupNum.propSize
@@ -97,7 +102,7 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-
+    this.getDataTouch(this)
   },
 
   /**
@@ -171,9 +176,9 @@ Page({
     if (that.data.inputFont) {
       this.animation.rotate(0).step()
       that.setData({
-        'touch.fontContent': that.data.inputFont,
-        'touch.fontSize': 30,
-        'touch.angle': 0,
+        'fontTouch.fontContent': that.data.inputFont,
+        'fontTouch.fontSize': 30,
+        'fontTouch.angle': 0,
         addFontStatic: false,
         animationData: this.animation.export()
       })
@@ -199,30 +204,30 @@ Page({
   },
   selectColor(e) { // 选择颜色
     this.setData({
-      'touch.isColor': e.currentTarget.dataset.color
+      'fontTouch.isColor': e.currentTarget.dataset.color
     })
   },
   // touch 事件
   fontTouchstart(e) {
     //1.获取鼠标点击下去的
     this.setData({
-      "touch.clientX": e.touches[0].clientX - this.data.touch.x,
-      "touch.clientY": e.touches[0].clientY - this.data.touch.y
+      "fontTouch.clientX": e.touches[0].clientX - this.data.fontTouch.x,
+      "fontTouch.clientY": e.touches[0].clientY - this.data.fontTouch.y
     });
-    console.log(this.data.touch, "touch")
+    console.log(this.data.fontTouch, "touch")
   },
   fontTouchmove(e) {
     // 鼠标移动的位置
     this.setData({
-      "touch.x": e.changedTouches[0].clientX - this.data.touch.clientX,
-      "touch.y": e.changedTouches[0].clientY - this.data.touch.clientY
+      "fontTouch.x": e.changedTouches[0].clientX - this.data.fontTouch.clientX,
+      "fontTouch.y": e.changedTouches[0].clientY - this.data.fontTouch.clientY
     });
 
     // console.log(this.data.touch)
   },
   fontTouchend(e) {
     console.log('移动结束', e)
-    console.log(this.data.touch)
+    console.log(this.data.fontTouch)
   },
   fontDelete() {
     // 删除
@@ -239,25 +244,25 @@ Page({
       height: 0,
     }
     this.setData({
-      touch: touch,
+      fontTouch: touch,
     })
   },
   fontEnlarge(e) { // 放大与缩小
     console.log(e.detail)
     this.setData({
-      'touch.fontSize': e.detail.value
+      'fontTouch.fontSize': e.detail.value
     })
   },
   fontRotate(e) { // 旋转
     this.animation.rotate(e.detail.value).step();
     this.setData({
       animationData: this.animation.export(),
-      'touch.angle': e.detail.value
+      'fontTouch.angle': e.detail.value
     });
   },
   madeConfirm() { // 设计完成进行确定
     let that = this;
-    if (that.data.touch.fontSize) {
+    if (that.data.fontTouch.fontSize) {
       that.getTouchFontInformation(that);
       // wx.redirectTo({
       //   url: '/customized/pages/made/made?id='+ this.data.isActive,
@@ -275,12 +280,26 @@ Page({
     query.exec(function (res) {
       console.log(res, "获取font的宽高");
       that.setData({
-        'touch.width': res[0].width,
-        'touch.height': res[0].height
+        'fontTouch.width': res[0].width,
+        'fontTouch.height': res[0].height
       });
-      wx.setStorageSync('madeCupFontData' + that.data.isActive, that.data.touch);
+      wx.setStorageSync('madeCupFontData' + that.data.isActive, that.data.fontTouch);
       wx.navigateBack()
     })
   },
+  getDataTouch(that) {
+    let madeTouchImg = wx.getStorageSync('madeCupImgData' + that.data.isActive)
+    if (madeTouchImg) {
+        that.imgAnimation.rotate(madeTouchImg.angle).step();
+      that.setData({
+        imgAnimationData: that.imgAnimation.export(),
+        imgTouch: madeTouchImg ? madeTouchImg : {}, //存储图片数据
+      })
+
+
+    } 
+
+    
+  },
 
 })

customized/pages/made/madeFont/madeFont.wxml

@@ -5,13 +5,24 @@
   <view class='made-img-box'>
     <image src='{{obverseImgObject[isActive]}}'></image>
     <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
-      <view class='f-box f-align-items-center f-justify-content-center made-prompt' style='text-align:center' wx:if="{{!touch.fontSize}}">{{touch.fontContent}}</view>
-      <view wx:else class='made-prompt made-font' style='color:{{touch.isColor}};font-size:{{touch.fontSize}}px'>
-        <view class='font-content' style='top:{{touch.y}}px;left:{{touch.x}}px'>
-          <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='fontDelete'></view>
-          <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend" id='touchFont'>{{touch.fontContent}}</view>
+      <view class='f-box f-align-items-center f-justify-content-center made-prompt' style='text-align:center' wx:if="{{!fontTouch.fontSize && !imgTouch.src}}">{{fontTouch.fontContent}}</view>
+      <view class='made-box'>
+        <!-- img -->
+        <view wx:if="{{imgTouch.src}}" class='edit-content' style='top:{{imgTouch.y}}px;left:{{imgTouch.x}}px'>
+            <!-- <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='imgDelete'></view> -->
+          <view animation="{{imgAnimationData}}">
+            <image src="{{imgTouch.src}}" mode="aspectFit" style='width:{{imgTouch.width}}rpx;height:{{imgTouch.height}}rpx'></image>
+          </view>
+        </view>
+        <!-- font -->
+        <view wx:if="{{fontTouch.fontSize}}" class='made-prompt made-font' style='color:{{fontTouch.isColor}};font-size:{{fontTouch.fontSize}}px'>
+          <view class='font-content' style='top:{{fontTouch.y}}px;left:{{fontTouch.x}}px'>
+            <!-- <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='fontDelete'></view> -->
+            <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend" id='touchFont'>{{fontTouch.fontContent}}</view>
+          </view>
         </view>
       </view>
+      
     </made-solid>
   </view>
 </view>
@@ -23,29 +34,30 @@
       <icon class='f-box' type="clear" />
     </block>
   </navigator>
+  <view class='f-item footer-upload-btn bg-orange c-white' bindtap='fontDelete' style='text-align:center' hover-class="none">清除</view>
   <view class='f-item footer-add-btn bg-green c-white' bindtap='addFont'>添加文字</view>
   <view class="f-box f-align-items-center footer-icon f-justify-content-center" bindtap='madeConfirm'>
     <block>
-      <icon  class='f-box' type="success" />
+      <icon  class='f-box' color="#00af66" type="success" />
     </block>
   </view>
 </view>
  
 </view>
 <!-- slider -->
-<view class='slider-box' wx:if="{{touch.fontSize}}">
+<view class='slider-box' wx:if="{{fontTouch.fontSize}}">
 <!-- 大小 -->
   <view class='f-box f-align-items-center mar-l20 mar-r20'>
     <view class='f-s30'>放大</view>
     <view class="body-view f-item">
-      <slider bindchanging="fontEnlarge" block-color="#00af66" block-size="16" min="20" max="200" value='{{touch.fontSize}}' show-value/>
+      <slider bindchanging="fontEnlarge" block-color="#00af66" block-size="16" min="20" max="200" value='{{fontTouch.fontSize}}' show-value/>
     </view>
   </view>
   <view class='f-box f-align-items-center mar-l20 mar-r20'>
     <!-- 度数 -->
     <view class='f-s30'>旋转</view>
     <view class="body-view f-item">
-      <slider bindchanging="fontRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{touch.angle}}' show-value/>
+      <slider bindchanging="fontRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{fontTouch.angle}}' show-value/>
     </view>
   </view>
   
@@ -59,11 +71,11 @@
   </view>
   <view class='c-white f-box f-justify-content-center f-s26'>仅支持手机自带字体样式</view>
   <view class="input-box">
-    <input placeholder-style="color:#fff" style='color:{{touch.isColor}}' placeholder="可编辑文字" bindinput="bindinput" auto-focus />
+    <input placeholder-style="color:#fff" style='color:{{fontTouch.isColor}}' placeholder="可编辑文字" bindinput="bindinput" auto-focus />
   </view>
 
   <view class='font-color f-box f-justify-content-around'>
-    <view wx:for="{{fontColorArray}}" class='{{touch.isColor === item ? "isColor" : ""}}' data-color="{{item}}" bindtap='selectColor'>
+    <view wx:for="{{fontColorArray}}" class='{{fontTouch.isColor === item ? "isColor" : ""}}' data-color="{{item}}" bindtap='selectColor'>
       <view style='background:{{item}}' class='font-item'></view>
     </view>
   </view>

customized/pages/made/madeFont/madeFont.wxss

@@ -23,7 +23,7 @@ page{
   /* background:red; */
 }
 .footer-icon{
-  width:190rpx;
+  width:120rpx;
 }
 .footer-add-btn{
   text-align: center
@@ -97,3 +97,25 @@ page{
   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;
+}
+.font-content{
+  display: inline-block;
+  position:relative;
+}

customized/pages/made/madeImg/madeImg.js

@@ -39,7 +39,7 @@ Page({
     imageArray: [], //请求数据后的图片列表
     imageId: null, // 用户选中图片的id
     imageSrc: null, // 选中图片后的路径
-    touch: {
+    imgTouch: {
       isActive: '1', // 1表示是正面
       src: null,
       x: 0,
@@ -50,7 +50,9 @@ Page({
       height: null,
       scale: 1, // 图片宽高比例
       angle: 0, // 旋转度数
-    }
+    },
+    fontTouch:{},//文字对象
+    fontAnimationData:{},
   },
 
   /**
@@ -61,13 +63,16 @@ Page({
     that.animation = wx.createAnimation({
       timingFunction: 'step-start', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
     })
+    that.fontAnimation = wx.createAnimation({
+      timingFunction: 'step-start', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
+    })
     if ('id' in options) {
       let cupNum = util.changeCup(options.id);
       let madeTouchImg = wx.getStorageSync('madeCupImgData' + options.id);
       if (madeTouchImg) {
         that.animation.rotate(madeTouchImg.angle).step();
         that.setData({
-          touch: madeTouchImg,
+          imgTouch: madeTouchImg,
           animationData: this.animation.export(),
           dataPositionObj: cupNum.dataPositionObj,
           propSize: cupNum.propSize,
@@ -75,12 +80,12 @@ Page({
         });
       } else {
         that.setData({
-          'touch.isActive': options.id,
+          'imgTouch.isActive': options.id,
           dataPositionObj: cupNum.dataPositionObj,
           propSize: cupNum.propSize
         });
       }
-
+      
 
 
     }
@@ -94,14 +99,16 @@ Page({
     that.setData({
       host: host,
     })
-
+    
   },
 
   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-    this.getImgList();
+    let that = this;
+    that.getImgList();
+    that.getDataTouch(that)
   },
 
   /**
@@ -138,20 +145,27 @@ Page({
   onShareAppMessage: function () {
 
   },
+  touchstart(e){
+    this.fontTouchstart(e)
+  },
+  touchmove(e){
+    this.fontTouchmove(e)
+  },
   // touch 事件
   fontTouchstart(e) {
     //1.获取鼠标点击下去的
+    
     this.setData({
-      "touch.clientX": e.touches[0].clientX - this.data.touch.x,
-      "touch.clientY": e.touches[0].clientY - this.data.touch.y
+      "imgTouch.clientX": e.touches[0].clientX - this.data.imgTouch.x,
+      "imgTouch.clientY": e.touches[0].clientY - this.data.imgTouch.y
     });
-    console.log(this.data.touch, "touch")
+    console.log(this.data.imgTouch, "touch")
   },
   fontTouchmove(e) {
     // 鼠标移动的位置
     this.setData({
-      "touch.x": e.changedTouches[0].clientX - this.data.touch.clientX,
-      "touch.y": e.changedTouches[0].clientY - this.data.touch.clientY
+      "imgTouch.x": e.changedTouches[0].clientX - this.data.imgTouch.clientX,
+      "imgTouch.y": e.changedTouches[0].clientY - this.data.imgTouch.clientY
     });
 
     // console.log(this.data.touch)
@@ -159,7 +173,7 @@ Page({
   imgDelete() { // 图片删除
     let that = this;
     that.setData({
-      'touch.src': null,
+      'imgTouch.src': null,
       madeStatic: false, // 表示已经有图片
     })
   },
@@ -167,15 +181,15 @@ Page({
     let that = this;
     console.log(e.detail.value, 'eee')
     that.setData({
-      'touch.width': e.detail.value,
-      'touch.height': e.detail.value / that.data.touch.scale
+      'imgTouch.width': e.detail.value,
+      'imgTouch.height': e.detail.value / that.data.imgTouch.scale
     })
   },
   imgRotate(e) { // 旋转
     this.animation.rotate(e.detail.value).step();
     this.setData({
       animationData: this.animation.export(),
-      'touch.angle': e.detail.value
+      'imgTouch.angle': e.detail.value
     })
   },
   getImgList() { // 根据userid 获取图片列表
@@ -189,7 +203,7 @@ Page({
       url: host + '/queryImgListByPlaceIdAndGoodsId',
       data: {
         customGoodsId: 1, // 商品id
-        customGoodsImgPlaceId: that.data.touch.isActive * 1 - 1
+        customGoodsImgPlaceId: that.data.imgTouch.isActive * 1 - 1
       },
       type: 'get',
       success(res) {
@@ -243,11 +257,11 @@ Page({
       success: function (res) {
         console.log(res, "fff")
         that.setData({
-          'touch.width': that.data.dataPositionObj.width,
-          'touch.height': res.height * that.data.dataPositionObj.width / res.width,
-          'touch.scale': res.width / res.height, // 宽高比例
+          'imgTouch.width': that.data.dataPositionObj.width,
+          'imgTouch.height': res.height * that.data.dataPositionObj.width / res.width,
+          'imgTouch.scale': res.width / res.height, // 宽高比例
         })
-        console.log(that.data.touch)
+        console.log(that.data.imgTouch)
       }
     })
   },
@@ -255,7 +269,7 @@ Page({
     let that = this;
     if (that.data.imageSrc) {
       that.setData({
-        'touch.src': that.data.imageSrc,
+        'imgTouch.src': that.data.imageSrc,
         madeStatic: true, // 表示已经有图片
       })
       that.getScale(that, that.data.imageSrc)
@@ -269,7 +283,7 @@ Page({
   madeConfirm() {
     // 确认设计
     if (this.data.madeStatic) { // 设计完成存储数据
-      wx.setStorageSync('madeCupImgData' + this.data.touch.isActive, this.data.touch);
+      wx.setStorageSync('madeCupImgData' + this.data.imgTouch.isActive, this.data.imgTouch);
       wx.navigateBack()
       // wx.redirectTo({
       //   url: '/customized/pages/made/made?id=' + this.data.touch.isActive
@@ -280,5 +294,18 @@ Page({
         icon: 'none'
       })
     }
-  }
+  },
+  getDataTouch(that) {
+    let madeTouchFont = wx.getStorageSync('madeCupFontData' + that.data.imgTouch.isActive)
+    console.log(madeTouchFont,"madeTouchFont")
+    if (madeTouchFont) {
+      console.log(that.fontAnimation,"that.fontAnimation")
+        that.fontAnimation.rotate(madeTouchFont.angle).step();
+        that.setData({
+          fontAnimationData: that.fontAnimation.export(),
+          fontTouch: madeTouchFont ? madeTouchFont : {},
+          madeStatic: true,
+        })
+    } 
+  },
 })

customized/pages/made/madeImg/madeImg.wxml

@@ -1,13 +1,22 @@
 <view class='container'>
   <view class='made-content'>
     <view class='made-img-box'>
-      <image class='made-image' src='{{obverseImgObject[touch.isActive]}}'></image>
+      <image class='made-image' src='{{obverseImgObject[imgTouch.isActive]}}'></image>
       <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
         <view class='f-box f-align-items-center f-justify-content-center made-prompt' wx:if="{{!madeStatic}}">{{fontContent}}</view>
-        <view wx:else class='edit-content' style='top:{{touch.y}}px;left:{{touch.x}}px'>
-          <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='imgDelete'></view>
-          <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend">
-            <image src="{{touch.src}}" mode="aspectFit" style='width:{{touch.width}}rpx;height:{{touch.height}}rpx'></image>
+        <view class='made-box'>
+          <!-- img -->
+          <view wx:if="{{madeStatic}}" class='edit-content' style='top:{{imgTouch.y}}px;left:{{imgTouch.x}}px'>
+            <!-- <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='imgDelete'></view> -->
+            <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend">
+              <image src="{{imgTouch.src}}" mode="aspectFit" style='width:{{imgTouch.width}}rpx;height:{{imgTouch.height}}rpx'></image>
+            </view>
+          </view>
+          <!-- font -->
+          <view wx:if="{{fontTouch.fontSize}}"   bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend" class='made-prompt made-font' style='color:{{fontTouch.isColor}};font-size:{{fontTouch.fontSize}}px'>
+            <view class='font-content' style='top:{{fontTouch.y}}px;left:{{fontTouch.x}}px'>
+              <view animation="{{fontAnimationData}}"  id='touchFont'>{{fontTouch.fontContent}}</view>
+            </view>
           </view>
         </view>
       </made-solid>
@@ -29,17 +38,18 @@
   <view class='f-box f-align-items-center mar-l20 mar-r20'>
     <view class='f-s30'>放大</view>
     <view class="body-view f-item">
-      <slider bindchanging="imgEnlarge" block-color="#00af66" block-size="16" min="20" max="1000" value='{{touch.width}}' show-value/>
+      <slider bindchanging="imgEnlarge" block-color="#00af66" block-size="16" min="20" max="1000" value='{{imgTouch.width}}' show-value/>
     </view>
   </view>
   <view class='f-box f-align-items-center mar-l20 mar-r20'>
     <!-- 度数 -->
     <view class='f-s30'>旋转</view>
     <view class="body-view f-item">
-      <slider bindchanging="imgRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{touch.angle}}' show-value/>
+      <slider bindchanging="imgRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{imgTouch.angle}}' show-value/>
     </view>
   </view>
   
+  
 </view>
 
   <view class='public-prompt'>该预览为仿真效果图，具体请以实物为准</view>
@@ -51,10 +61,11 @@
         </block>
     </navigator>
     <!-- <view class='f-item footer-upload-btn bg-orange c-white' bindtap='uploadImg' hover-class="none">上传图片</view> -->
+    <view class='f-item footer-upload-btn bg-orange c-white' bindtap='imgDelete' hover-class="none">清除</view>
     <view class='f-item footer-add-btn bg-green c-white' bindtap='addImg' hover-class="none">添加图片</view>
-    <view class="f-box f-align-items-center footer-icon f-justify-content-center" hover-class="none" bindtap='madeConfirm'>
+    <view class="f-box f-align-items-center footer-icon f-justify-content-center"  hover-class="none" bindtap='madeConfirm'>
       <block>
-        <icon class='f-box' type="success"/>
+        <icon class='f-box' color="#00af66" type="success"/>
       </block>
     </view>
     </view>

customized/pages/made/madeImg/madeImg.wxss

@@ -45,18 +45,20 @@ page{
 }
 
 .edit-content{
-  display: inline-block;
-  position:relative;
+ position:absolute;
+  top:0;
+  left:0;
+  z-index:30;
 }
-.edit-content .iconfont{
+/* .edit-content .iconfont{
   position:absolute;
   font-size:60rpx;
   z-index:10;
-}
-.icon-close{
+} */
+/* .icon-close{
   top:-50rpx;
   left:-50rpx;
-}
+} */
 .footer-icon{
   width:120rpx;
 }
@@ -89,4 +91,25 @@ page{
   width:100%;
   color:#fff; */
   margin-bottom:180rpx;
+}
+
+.made-box{
+  position:relative;
+  width: inherit;
+  height: inherit;
+}
+.made-font{
+  position:absolute;
+  top:0;
+  left:0;
+  width:5555555555555rpx;
+  z-index:40;
+}
+.font-content{
+  display: inline-block;
+  position:relative;
+}
+.del-box{
+  padding:6rpx 16rpx;
+  border:2rpx solid #00af66;
 }