From 8cac2c51eae3647e5198286cd87e71d7f7046243 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 09 二月 2023 11:03:53 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 68 ++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 23 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index b4686a7..8dd945e 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,30 +1,38 @@
<template>
- <view class="head">
- <view class="logo">
-
+ <view class="main">
+ <view class="head">
+ <view class="logo">
+ <image src="../../static/img/logo.png" mode="aspectFit"></image>
+ </view>
</view>
- </view>
- <view class="content">
- <view class="input">
- <view class="">
+ <view class="content">
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
</view>
- <view class="">
- <input type="text">
- </view>
- </view>
-
- <view class="input">
- <view class="">
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
</view>
- <view class="">
- <input type="text">
+
+ </view>
+ <view class="submit">
+ <view class="" style="width: 400rpx;">
+ <button type="primary" size="default">鐧诲綍</button>
</view>
</view>
-
</view>
</template>
@@ -35,18 +43,24 @@
</script>
<style lang="less">
- .head {
- height: 200rpx;
+ .display-grid {
+ display: grid;
+ }
+ .main {
+ height: 100%;
width: 100%;
- background-color: aquamarine;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ }
+ .head {
+ min-height: 400rpx;
+ width: 100%;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
align-items: center;
.logo {
- width: 10%;
- height: 90%;
- background-color: red;
}
}
.content {
@@ -68,4 +82,12 @@
align-items: center;
}
}
+ .submit {
+ position: fixed;
+ width: 100%;
+ bottom: 100rpx;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1