<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>
|
