From 52553a0d85b2f5dc1181c5b0421ba9b97b9edb5b Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期四, 09 二月 2023 12:39:23 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 87 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 87 insertions(+), 0 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
new file mode 100644
index 0000000..59d2699
--- /dev/null
+++ b/pages/login/login.vue
@@ -0,0 +1,87 @@
+<template>
+ <view class="head">
+ <view class="logo">
+ <image src="../../static/img/logo.png" mode="aspectFit"></image>
+ </view>
+ </view>
+ <view class="content">
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
+
+ </view>
+
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
+
+ </view>
+
+ </view>
+ <view class="submit">
+ <view class="" style="width: 400rpx;">
+ <button type="primary" size="default">鐧诲綍</button>
+ </view>
+
+ </view>
+</template>
+
+<script setup lang="ts">
+ // 杩欓噷缂栧啓ts浠ｇ爜
+</script>
+
+<style lang="less">
+ .display-grid {
+ display: grid;
+ }
+ .head {
+ height: 400rpx;
+ width: 100%;
+ display: grid;
+ grid-template-columns: 1fr;
+ // background-color: aqua;
+ justify-items: center;
+ align-items: center;
+ .logo {
+ image {
+ height: 300rpx;
+ }
+ }
+ }
+ .content {
+ height: 400rpx;
+ width: 100%;
+ margin-top: 10rpx;
+ // background-color: bisque;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ align-items: center;
+
+ .input {
+ width: 50%;
+ height: 30%;
+ background-color: #fff;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ align-items: center;
+ }
+ }
+ .submit {
+ position: fixed;
+ width: 100%;
+ bottom: 200rpx;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ }
+</style>
--
Gitblit v1.9.1