仿一个站 用uniapp 写  注册 登录  主页  功能   我的
很简单的几个页面  ，瞎报价的别来了  生成几个页面 调用api填充数据就好

后端不需要你写 ！ 几个页面我都写了运行报错。

需要一个前端 ，丝滑就行，不闪屏跟小程序一样效果  



<template>
  <view class="container">
    <view class="logo - container">
      <image class="logo" src="@/assets/Logo2.png"></image>
    </view>
    <view class="input - container">
      <view class="input - item">
        <image class="input - icon" src="@/assets/1.png"></image>
        <input type="text" placeholder="输入手机号" class="input - field"/>
      </view>
      <view class="input - item">
        <image class="input - icon" src="@/assets/2.png"></image>
        <input type="password" placeholder="输入密码" class="input - field"/>
      </view>
    </view>
    <button type="primary" class="login - button">登录</button>
    <view class="agreement - container">
      <checkbox checked color="#007AFF"></checkbox>
      <text class="agreement - text">用户使用协议</text>
    </view>
    <view class="link - container">
      <text class="link - text">忘记密码</text>
      <text class="link - text">注册账户</text>
    </view>
  </view>
</template>

<style>
.container {
  display: flex;
  flex - direction: column;
  align - items: center;
  justify - content: center;
  height: 100vh;
}

.logo - container {
  margin - bottom: 40px;
}

.logo {
  width: 100px;
  height: 100px;
}

.input - container {
  display: flex;
  flex - direction: column;
  width: 80%;
}

.input - item {
  display: flex;
  align - items: center;
  border: 1px solid #ccc;
  border - radius: 5px;
  padding: 10px;
  margin - bottom: 10px;
}

.input - icon {
  width: 20px;
  height: 20px;
  margin - right: 10px;
}

.input - field {
  flex: 1;
}

.login - button {
  width: 80%;
  margin - bottom: 20px;
  background - color: #007AFF;
  color: white;
  border - radius: 5px;
  padding: 10px;
}

.agreement - container {
  display: flex;
  align - items: center;
  margin - bottom: 20px;
}

.agreement - text {
  margin - left: 5px;
}

.link - container {
  display: flex;
  justify - content: space - between;
  width: 80%;
}

.link - text {
  color: #007AFF;
}
</style>

<script>
export default {
  data() {
    return {};
  }
};
</script>