diff --git a/src/api/task.js b/src/api/task.js
index 9631d93..51bd572 100644
--- a/src/api/task.js
+++ b/src/api/task.js
@@ -7,3 +7,10 @@ export const createTaskApi = data => {
data,
})
}
+
+export const taskListApi = () => {
+ return request({
+ url: '/task/list',
+ method: 'GET',
+ })
+}
diff --git a/src/components/Task.vue b/src/components/Task.vue
index 481d0c4..88a6619 100644
--- a/src/components/Task.vue
+++ b/src/components/Task.vue
@@ -24,13 +24,14 @@
diff --git a/src/pages/index.vue b/src/pages/index.vue
index a1c5e8b..bd0b3cc 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -193,7 +193,30 @@
-
+
@@ -337,7 +360,8 @@ onMounted(async () => {
box-sizing: border-box;
flex-direction: column;
.two_content_container {
- flex: 1;
+ // flex: 1;
+ height: calc(100vh - 250px);
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -345,10 +369,47 @@ onMounted(async () => {
column-gap: 30px;
box-sizing: border-box;
}
+
.bottom_operation_container {
- min-height: 130px;
width: 100%;
+ height: 120px;
margin-top: 30px;
+
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ .auto_btn {
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ cursor: pointer;
+ padding: 12px 28px;
+ border-radius: 6px;
+ background: #3662ec;
+ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
+ .title {
+ font-size: 28px;
+ font-weight: bold;
+ letter-spacing: 0.07em;
+ color: #ffffff;
+ margin-right: 26px;
+ white-space: nowrap;
+ }
+ .icon_box {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #6573fb;
+ width: 100px;
+ height: 100px;
+ border-radius: 6px;
+ }
+ }
+ }
+ @media screen and (max-height: 1000px) {
+ .bottom_operation_container {
+ margin-top: 10px;
+ }
}
}
.task_container {
diff --git a/vite.config.js b/vite.config.js
index cb5ccea..ff1caf0 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -41,11 +41,12 @@ export default defineConfig({
postcsspxtoviewport({
unitToConvert: 'px', // 要转化的单位
viewportWidth: 1920, // UI设计稿的宽度
+ viewportHeight: 1080,
unitPrecision: 6, // 转换后的精度,即小数点位数
propList: ['*'], // 指定转换的css属性的单位,*代表全部css属性的单位都进行转换
viewportUnit: 'vw', // 指定需要转换成的视窗单位,默认vw
fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位,默认vw
- selectorBlackList: ['t-'], // 指定不转换为视窗单位的类名,
+ selectorBlackList: ['t-', 'ignore-'], // 指定不转换为视窗单位的类名,
minPixelValue: 1, // 默认值1,小于或等于1px则不进行转换
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换,默认false
replace: true, // 是否转换后直接更换属性值