From da546f57355a9150fecb7d4bb28dce7fc1628b68 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期三, 08 二月 2023 22:48:01 +0800
Subject: [PATCH] #
---
pages/login/login.vue | 62 ++++++++++++++++++++++++++++--
1 files changed, 57 insertions(+), 5 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 22681f7..b4686a7 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,7 +1,31 @@
<template>
- <div class="main">
+ <view class="head">
+ <view class="logo">
+
+ </view>
+ </view>
+ <view class="content">
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
+
+ </view>
- </div>
+ <view class="input">
+ <view class="">
+
+ </view>
+ <view class="">
+ <input type="text">
+ </view>
+
+ </view>
+
+ </view>
</template>
<script lang="ts">
@@ -10,10 +34,38 @@
console.log(s)
</script>
-<style>
- .main {
- height: 100%;
+<style lang="less">
+ .head {
+ height: 200rpx;
width: 100%;
background-color: aquamarine;
+ display: grid;
+ grid-template-columns: 1fr;
+ justify-items: center;
+ align-items: center;
+ .logo {
+ width: 10%;
+ height: 90%;
+ background-color: red;
+ }
+ }
+ .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;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1