用VUE实现注册页（短信验证码登录）

最新推荐文章于 2024-05-28 11:13:19 发布

一名爱记录的程序媛

最新推荐文章于 2024-05-28 11:13:19 发布

阅读量9.8k

点赞数 4

分类专栏：笔记文章标签：前端 es6 css3

本文链接：https://blog.csdn.net/qq_62449212/article/details/121454567

版权

本文介绍了使用Vue.js创建一个包含短信验证码功能的注册页面，详细解析了从头部设计到注册内容的实现过程，涵盖了ES6语法和CSS3样式。

摘要由CSDN通过智能技术生成

一、实现效果图

二、实现代码

1、实现头部

<template>
  <div class="box">
    <div class="box1">
      <span class="iconfont icon-zuojiantou back" @click="goBack"></span>
    </div>
    <div class="box6">
      <b>手机号注册</b>
    </div>
  </div>
</template>

<script>
export default {
  name: "Top",
  methods: {
    goBack() {
      this.$router.push("/Login");
    },
  },
};
</script>

<style scoped>
.box1 {
  width: 100%;
  height: 0.5rem;
  margin-bottom: 0.19rem;
}

span {
  font-size: 0.1