diff --git a/src/pages/index.vue b/src/pages/index.vue
index 7fa0be8..ae4863a 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -223,6 +223,68 @@
+
+
+
@@ -271,6 +333,12 @@ const accountStore = useAccountStore()
const taskStore = useTaskStore()
const imageStore = useImageStore()
+const checked = ref(false)
+
+const onChange = val => {
+ console.log(val)
+}
+
const startAutoCheck = async () => {
if (!taskStore.currentTaskId) {
return
@@ -404,10 +472,10 @@ onMounted(async () => {
width: 100%;
height: 120px;
margin-top: 30px;
-
box-sizing: border-box;
display: flex;
align-items: center;
+ justify-content: space-between;
.auto_btn {
display: flex;
align-items: center;
@@ -441,6 +509,93 @@ onMounted(async () => {
background: #e2e2e2;
}
}
+ .manual_check_container {
+ padding: 32px;
+ box-sizing: border-box;
+ width: 750px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .switch {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ font-size: 26px;
+ font-weight: normal;
+ letter-spacing: 0.07em;
+ color: #3d3d3d;
+ .switch_btn {
+ width: 92.66px;
+ margin-top: 11px;
+ }
+ }
+ .check_btn {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 150px;
+ height: 94px;
+ background: #ebebeb;
+ border-radius: 6px;
+ font-size: 28px;
+ font-weight: bold;
+ letter-spacing: 0.07em;
+ color: #ffffff;
+ }
+ .next_btn {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ padding: 30px 15px;
+ box-sizing: border-box;
+ background: #ebebeb;
+ border-radius: 6px;
+ justify-content: space-between;
+ font-size: 28px;
+ font-weight: bold;
+ letter-spacing: 0.07em;
+ color: #ffffff;
+ }
+ }
+ .progress_btn {
+ padding: 25px 24px 18px 24px;
+ box-sizing: border-box;
+ border-radius: 6px;
+ background: #ffffff;
+ width: 311.41px;
+ .title {
+ margin-bottom: 33px;
+ font-size: 22px;
+ font-weight: 500;
+ letter-spacing: 0.07em;
+ color: #3d3d3d;
+ }
+ }
+ .history_btn {
+ width: 307.21px;
+ box-sizing: border-box;
+ padding: 32px 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ border-radius: 6px;
+ background: #ebebeb;
+ cursor: pointer;
+ .first {
+ font-size: 20px;
+ font-weight: normal;
+ letter-spacing: 0.03em;
+ color: #ffffff;
+ }
+ .second {
+ font-size: 30px;
+ font-weight: bold;
+ letter-spacing: 0.07em;
+ color: #ffffff;
+ margin-top: 6px;
+ }
+ }
}
@media screen and (max-height: 1000px) {
.bottom_operation_container {