|  | @@ -27,9 +27,16 @@
 | 
	
		
			
				|  |  |                  <div class="right">
 | 
	
		
			
				|  |  |                      <template v-if="!showPreview">
 | 
	
		
			
				|  |  |                          <div class="form-wrapper">
 | 
	
		
			
				|  |  | -                            <div class="error-msg">
 | 
	
		
			
				|  |  | +                            <div class="error-msg" v-if="iptErrMsgTxt">
 | 
	
		
			
				|  |  |                                  {{iptErrMsgTxt}}
 | 
	
		
			
				|  |  |                              </div>
 | 
	
		
			
				|  |  | +                            <img class="img-mode" src="../../assets/img/img-mode.png">
 | 
	
		
			
				|  |  | +                            <div class="form-base-title">
 | 
	
		
			
				|  |  | +                                Reward
 | 
	
		
			
				|  |  | +                                <div class="msg">
 | 
	
		
			
				|  |  | +                                    Recommend quantity 100~10000
 | 
	
		
			
				|  |  | +                                </div>
 | 
	
		
			
				|  |  | +                            </div>
 | 
	
		
			
				|  |  |                              <div class="form-base">
 | 
	
		
			
				|  |  |                                  <div class="item">
 | 
	
		
			
				|  |  |                                      <div class="label">
 | 
	
	
		
			
				|  | @@ -61,7 +68,7 @@
 | 
	
		
			
				|  |  |                                  </div>
 | 
	
		
			
				|  |  |                              </div>
 | 
	
		
			
				|  |  |                              <div class="form-label">
 | 
	
		
			
				|  |  | -                                Requirement
 | 
	
		
			
				|  |  | +                                Tasks
 | 
	
		
			
				|  |  |                              </div>
 | 
	
		
			
				|  |  |                              <div class="form-require">
 | 
	
		
			
				|  |  |                                  <div
 | 
	
	
		
			
				|  | @@ -153,7 +160,7 @@ let paypalHtml = ref('');
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  let publishRes = reactive({})
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -let visible = ref(false);
 | 
	
		
			
				|  |  | +let visible = ref(true);
 | 
	
		
			
				|  |  |  let showPreview = ref(false);
 | 
	
		
			
				|  |  |  let openAntiBot = ref(false);
 | 
	
		
			
				|  |  |  let dialogHeight = ref(680);
 | 
	
	
		
			
				|  | @@ -446,7 +453,7 @@ const onUsdBlur = () => {
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  const onCountBlur = () => {
 | 
	
		
			
				|  |  | -    if(!baseFormData.amountValue) {
 | 
	
		
			
				|  |  | +    if(!baseFormData.totalCount) {
 | 
	
		
			
				|  |  |          iptErrMsgTxt.value = 'Please enter the number of giveaways in Quantity input box.';
 | 
	
		
			
				|  |  |      } else {
 | 
	
		
			
				|  |  |          setIptAmountErrorMsg((res) => {
 | 
	
	
		
			
				|  | @@ -607,11 +614,39 @@ onMounted(() => {
 | 
	
		
			
				|  |  |                      overflow-y: scroll;
 | 
	
		
			
				|  |  |                      box-sizing: border-box;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | +                    .img-mode {
 | 
	
		
			
				|  |  | +                        width: 600px;
 | 
	
		
			
				|  |  | +                        margin-left: -20px;
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |                      .error-msg {
 | 
	
		
			
				|  |  | +                        width: 100%;
 | 
	
		
			
				|  |  |                          font-size: 12px;
 | 
	
		
			
				|  |  | -                        color: #FF0000;
 | 
	
		
			
				|  |  | +                        background: #FF0000;
 | 
	
		
			
				|  |  | +                        opacity: 0.8;
 | 
	
		
			
				|  |  | +                        font-weight: 500;
 | 
	
		
			
				|  |  | +                        font-size: 13px;
 | 
	
		
			
				|  |  | +                        color: #fff;
 | 
	
		
			
				|  |  |                          margin-bottom: 8px;
 | 
	
		
			
				|  |  | -                        height: 16px;
 | 
	
		
			
				|  |  | +                        position: absolute;
 | 
	
		
			
				|  |  | +                        left: 0px;
 | 
	
		
			
				|  |  | +                        top: 0px;
 | 
	
		
			
				|  |  | +                        padding: 7px 12px;
 | 
	
		
			
				|  |  | +                        box-sizing: border-box;
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                    .form-base-title {
 | 
	
		
			
				|  |  | +                        color: rgba(0, 0, 0, 0.4);
 | 
	
		
			
				|  |  | +                        margin-bottom: 10px;
 | 
	
		
			
				|  |  | +                        font-size: 13px;
 | 
	
		
			
				|  |  | +                        display: flex;
 | 
	
		
			
				|  |  | +                        align-items: center;
 | 
	
		
			
				|  |  | +                        justify-content: space-between;
 | 
	
		
			
				|  |  | +                        .msg {
 | 
	
		
			
				|  |  | +                            font-weight: 500;
 | 
	
		
			
				|  |  | +                            font-size: 12px;
 | 
	
		
			
				|  |  | +                            color: #E58A00;
 | 
	
		
			
				|  |  | +                        }
 | 
	
		
			
				|  |  |                      }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                      .form-base {
 | 
	
	
		
			
				|  | @@ -621,7 +656,7 @@ onMounted(() => {
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                          .item {
 | 
	
		
			
				|  |  |                              width: 270px;
 | 
	
		
			
				|  |  | -                            height: 60px;
 | 
	
		
			
				|  |  | +                            height: 50px;
 | 
	
		
			
				|  |  |                              box-sizing: border-box;
 | 
	
		
			
				|  |  |                              border-radius: 15px;
 | 
	
		
			
				|  |  |                              display: flex;
 | 
	
	
		
			
				|  | @@ -649,8 +684,7 @@ onMounted(() => {
 | 
	
		
			
				|  |  |                          color: rgba(0, 0, 0, 0.4);
 | 
	
		
			
				|  |  |                          margin-top: 23px;
 | 
	
		
			
				|  |  |                          margin-bottom: 10px;
 | 
	
		
			
				|  |  | -                        font-weight: 500;
 | 
	
		
			
				|  |  | -                        font-size: 15px;
 | 
	
		
			
				|  |  | +                        font-size: 13px;
 | 
	
		
			
				|  |  |                      }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                      .form-require {
 | 
	
	
		
			
				|  | @@ -660,7 +694,7 @@ onMounted(() => {
 | 
	
		
			
				|  |  |                          box-shadow: 0px 3px 27px 0px #0000001A;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                          .form-item {
 | 
	
		
			
				|  |  | -                            min-height: 60px;
 | 
	
		
			
				|  |  | +                            min-height: 50px;
 | 
	
		
			
				|  |  |                              display: flex;
 | 
	
		
			
				|  |  |                              align-items: center;
 | 
	
		
			
				|  |  |                              justify-content: space-between;
 | 
	
	
		
			
				|  | @@ -680,7 +714,7 @@ onMounted(() => {
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                              .control {
 | 
	
		
			
				|  |  |                                  width: 100%;
 | 
	
		
			
				|  |  | -                                min-height: 60px;
 | 
	
		
			
				|  |  | +                                min-height: 50px;
 | 
	
		
			
				|  |  |                                  margin-left: 18px;
 | 
	
		
			
				|  |  |                                  padding: 4px 0;
 | 
	
		
			
				|  |  |                                  box-sizing: border-box;
 | 
	
	
		
			
				|  | @@ -691,7 +725,7 @@ onMounted(() => {
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                  .anti-bot-wrapper {
 | 
	
		
			
				|  |  |                      width: 100%;
 | 
	
		
			
				|  |  | -                    height: 60px;
 | 
	
		
			
				|  |  | +                    height: 50px;
 | 
	
		
			
				|  |  |                      display: flex;
 | 
	
		
			
				|  |  |                      align-items: center;
 | 
	
		
			
				|  |  |                      justify-content: space-between;
 |