瀏覽代碼

修改样式

lex-xin 3 年之前
父節點
當前提交
23f88cb989
共有 2 個文件被更改,包括 9 次插入2 次删除
  1. 7 0
      src/components/col-cropper/index.module.less
  2. 2 2
      src/components/col-cropper/index.tsx

+ 7 - 0
src/components/col-cropper/index.module.less

@@ -2,6 +2,13 @@
   width: 100%;
   height: 100%;
 }
+.uploadWarper {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
 .bg {
   position: fixed;
   top: 0;

+ 2 - 2
src/components/col-cropper/index.tsx

@@ -326,7 +326,7 @@ export default defineComponent({
   },
   render() {
     return (
-      <div class={styles.upbtn}>
+      <div class={[styles.upbtn, styles.uploadWarper]}>
         {this.hideInput}
         {!this.hideInput ? <input
           style="opacity: 0;"
@@ -337,7 +337,7 @@ export default defineComponent({
           ref="headInput"
         /> : null}
         {this.img != '' ? <div class={styles.bg}>
-          {!this.config.ceilbutton ? <div class={styles.btndiv}>
+          {this.config.ceilbutton ? <div class={styles.btndiv}>
             <div class={styles.btn} onClick={this.canceltailor} style={{
               backgroundColor: this.config.cancelButtonBackgroundColor,
               color: this.config.cancelButtonTextColor