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 | 80 ++++++++++++++++++---------------------
1 files changed, 37 insertions(+), 43 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 8dd945e..59d2699 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -1,77 +1,71 @@
<template>
- <view class="main">
- <view class="head">
- <view class="logo">
- <image src="../../static/img/logo.png" mode="aspectFit"></image>
- </view>
+ <view class="head">
+ <view class="logo">
+ <image src="../../static/img/logo.png" mode="aspectFit"></image>
</view>
- <view class="content">
- <view class="input">
- <view class="">
-
- </view>
- <view class="">
- <input type="text">
- </view>
-
+ </view>
+ <view class="content">
+ <view class="input">
+ <view class="">
+
</view>
-
- <view class="input">
- <view class="">
-
- </view>
- <view class="">
- <input type="text">
- </view>
-
+ <view class="">
+ <input type="text">
</view>
-
+
</view>
- <view class="submit">
- <view class="" style="width: 400rpx;">
- <button type="primary" size="default">鐧诲綍</button>
+
+ <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 lang="ts">
-// 杩欓噷缂栧啓ts浠ｇ爜
- let s:string = "123"
- console.log(s)
+<script setup lang="ts">
+ // 杩欓噷缂栧啓ts浠ｇ爜
</script>
<style lang="less">
.display-grid {
display: grid;
}
- .main {
- height: 100%;
- width: 100%;
- display: grid;
- grid-template-columns: 1fr;
- justify-items: center;
- }
.head {
- min-height: 400rpx;
+ 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;
+ // background-color: bisque;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
align-items: center;
+
.input {
width: 50%;
height: 30%;
@@ -85,9 +79,9 @@
.submit {
position: fixed;
width: 100%;
- bottom: 100rpx;
+ bottom: 200rpx;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1