|
@@ -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;
|