首页 发现 帮助
注册 登录
shaogen1995
/
ZhiFuBao
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

up

shaogen1995 3 年之前
父节点
881ad0a2fd
当前提交
09c9ea1b89
共有 9 个文件被更改，包括 208 次插入 和 25 次删除
合并视图 显示文件统计
  1. 1 1
      public/index.html
  2. 4 9
      src/assets/base.css
  3. 二进制
      src/assets/img/IMGerror.png
  4. 二进制
      src/assets/img/bg2.png
  5. 二进制
      src/assets/img/loading.gif
  6. 5 0
      src/router/index.js
  7. 42 15
      src/views/Home.vue
  8. 153 0
      src/views/Recruiting.vue
  9. 3 0
      vue.config.js

+ 1 - 1
public/index.html
查看文件 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <title></title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <noscript>
 
     <noscript>

+ 4 - 9
src/assets/base.css
查看文件 

@@ -33,18 +33,13 @@ img {
 
   /* 解决图片和块级元素之间的间隙问题 */
 
   /* 解决图片和块级元素之间的间隙问题 */
 
   vertical-align: middle;
 
   vertical-align: middle;
 
 }
 
 }
 
-.el-form-item__error{
 
-  left: -80px !important;
 
-}
 
+
 
 .el-form-item{
 
 .el-form-item{
 
-  border-bottom: 1px solid #000;
 
+  border-bottom: 1px solid #999;
 
   margin-bottom: 0px !important;
 
   margin-bottom: 0px !important;
 
   padding-bottom: 10px;
 
   padding-bottom: 10px;
 
 }
 
 }
 
-.el-form-item.text .el-form-item__error{
 
-  left: 0px !important;
 
-  top: 200%!important;
 
-}
 
+
 
 .el-form-item.upLode{
 
 .el-form-item.upLode{
 
   border-bottom: none;
 
   border-bottom: none;
 
   padding-bottom: 0;
 
   padding-bottom: 0;
 
@@ -91,7 +86,7 @@ img {
 
   resize: none !important;
 
   resize: none !important;
 
   border-radius: 0px !important;
 
   border-radius: 0px !important;
 
   border: none !important;
 
   border: none !important;
 
-  border-bottom: 1px solid #000 !important;
 
+  border-bottom: 1px solid #999 !important;
 
 }
 
 }
 
 .row .el-upload--picture-card{
 
 .row .el-upload--picture-card{
 
   display: flex;
 
   display: flex;

二进制
src/assets/img/IMGerror.png
查看文件


二进制
src/assets/img/bg2.png
查看文件


二进制
src/assets/img/loading.gif
查看文件


+ 5 - 0
src/router/index.js
查看文件 

@@ -9,6 +9,11 @@ const routes = [
 
     name: 'Home',
 
     name: 'Home',
 
     component: () => import( '../views/Home.vue')
 
     component: () => import( '../views/Home.vue')
 
   },
 
   },
 
+  {
 
+    path: '/Recruiting',
 
+    name: 'Recruiting',
 
+    component: () => import( '../views/Recruiting.vue')
 
+  },
 
 ]
 
 ]
 
 
 
 const router = new VueRouter({
 
 const router = new VueRouter({

+ 42 - 15
src/views/Home.vue
查看文件 

@@ -57,7 +57,9 @@
 
       </el-form>
 
       </el-form>
 
       <div class="fiveBtn">提交申请</div>
 
       <div class="fiveBtn">提交申请</div>
 
     </div>
 
     </div>
 
-    <div class="seven">立 即 咨 询</div>
 
+    <div class="seven" @click="$router.push('/Recruiting')">
 
+      <div>立 即 咨 询</div>
 
+    </div>
 
     <!-- 查看上传的图片 -->
 
     <!-- 查看上传的图片 -->
 
     <el-dialog :visible="dialogVisible">
 
     <el-dialog :visible="dialogVisible">
 
       <img width="100%" :src="dialogImageUrl" alt="" />
 
       <img width="100%" :src="dialogImageUrl" alt="" />
 
@@ -113,7 +115,15 @@ export default {
 
   //生命周期 - 创建完成（可以访问当前this实例）
 
   //生命周期 - 创建完成（可以访问当前this实例）
 
   created() {},
 
   created() {},
 
   //生命周期 - 挂载完成（可以访问DOM元素）
 
   //生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted() {},
 
+  mounted() {
 
+    document.title = "实景三维复刻限时免费体验";
 
+    // chrome
 
+    document.body.scrollTop = 0;
 
+    // firefox
 
+    document.documentElement.scrollTop = 0;
 
+    // safari
 
+    window.pageYOffset = 0;
 
+  },
 
   beforeCreate() {}, //生命周期 - 创建之前
 
   beforeCreate() {}, //生命周期 - 创建之前
 
   beforeMount() {}, //生命周期 - 挂载之前
 
   beforeMount() {}, //生命周期 - 挂载之前
 
   beforeUpdate() {}, //生命周期 - 更新之前
 
   beforeUpdate() {}, //生命周期 - 更新之前
 
@@ -195,10 +205,10 @@ export default {
 
       pointer-events: none;
 
       pointer-events: none;
 
     }
 
     }
 
     .row {
 
     .row {
 
-      border-bottom: 1px solid #000;
 
+      border-bottom: 1px solid #999;
 
       padding-bottom: 10px;
 
       padding-bottom: 10px;
 
     }
 
     }
 
-    .fiveBtn{
 
+    .fiveBtn {
 
       width: 160px;
 
       width: 160px;
 
       height: 34px;
 
       height: 34px;
 
       background-color: #65421c;
 
       background-color: #65421c;
 
@@ -207,20 +217,37 @@ export default {
 
       justify-content: center;
 
       justify-content: center;
 
       align-items: center;
 
       align-items: center;
 
       margin: 55px auto 0;
 
       margin: 55px auto 0;
 
-      color: #FFFFFF;
 
+      color: #ffffff;
 
+    }
 
+    /deep/.el-form-item__error {
 
+      left: -80px !important;
 
+    }
 
+    /deep/.el-form-item.text .el-form-item__error {
 
+      left: 0px !important;
 
+      top: 200% !important;
 
     }
 
     }
 
   }
 
   }
 
   .seven {
 
   .seven {
 
-    width: 156px;
 
-    height: 30px;
 
-    margin: 370px auto 0;
 
-    background: url("../assets/img/btn.png");
 
-    background-size: 100% 100%;
 
-    display: flex;
 
-    justify-content: center;
 
-    align-items: center;
 
-    font-weight: 700;
 
-    color: #fff;
 
+    position: relative;
 
+    width: 323px;
 
+    height: 230px;
 
+    margin: 165px auto 0;
 
+    & > div {
 
+      position: absolute;
 
+      left: 50%;
 
+      bottom: 15px;
 
+      transform: translateX(-50%);
 
+      width: 156px;
 
+      height: 30px;
 
+      // margin: 370px auto 0;
 
+      background: url("../assets/img/btn.png");
 
+      background-size: 100% 100%;
 
+      display: flex;
 
+      justify-content: center;
 
+      align-items: center;
 
+      font-weight: 700;
 
+      color: #fff;
 
+    }
 
   }
 
   }
 
 }
 
 }
 
 </style>
 
 </style>

+ 153 - 0
src/views/Recruiting.vue
查看文件 

@@ -0,0 +1,153 @@
 
+<template>
 
+  <div class="Recruiting">
 
+    <div class="box1">
 
+      <img src="../assets/img/5.gif" alt="" />
 
+    </div>
 
+    <!-- 表单 -->
 
+    <div class="box2">
 
+      <el-form
 
+        :model="ruleForm"
 
+        :rules="rules"
 
+        ref="ruleForm"
 
+        class="demo-ruleForm"
 
+      >
 
+        <div class="row">您的姓名 <span>（已加密，请放心填写）</span></div>
 
+        <el-form-item prop="name">
 
+          <el-input
 
+            v-model="ruleForm.name"
 
+            maxlength="10"
 
+            placeholder="请输入"
 
+          ></el-input>
 
+        </el-form-item>
 
+        <div class="row">您的电话 <span>（已加密，请放心填写）</span></div>
 
+        <el-form-item prop="phone">
 
+          <el-input
 
+            v-model="ruleForm.phone"
 
+            maxlength="11"
 
+            placeholder="请输入"
 
+          ></el-input>
 
+        </el-form-item>
 
+        <div class="row">所在城市 <span>（已加密，请放心填写）</span></div>
 
+        <el-form-item prop="city">
 
+          <el-input
 
+            v-model="ruleForm.city"
 
+            maxlength="50"
 
+            placeholder="请输入"
 
+          ></el-input>
 
+        </el-form-item>
 
+      </el-form>
 
+      <!-- 按钮 -->
 
+      <div class="btnn">提 交 申 请</div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: "Recruiting",
 
+  components: {},
 
+  data() {
 
+    //这里存放数据
 
+    return {
 
+      ruleForm: {
 
+        name: "",
 
+        phone: "",
 
+        city: "",
 
+      },
 
+      rules: {
 
+        name: [{ required: true, message: "不能为空", trigger: "blur" }],
 
+        phone: [{ required: true, message: "不能为空", trigger: "blur" }],
 
+        city: [{ required: true, message: "不能为空", trigger: "blur" }],
 
+      },
 
+    };
 
+  },
 
+  //监听属性 类似于data概念
 
+  computed: {},
 
+  //监控data中的数据变化
 
+  watch: {},
 
+  //方法集合
 
+  methods: {},
 
+  //生命周期 - 创建完成（可以访问当前this实例）
 
+  created() {},
 
+  //生命周期 - 挂载完成（可以访问DOM元素）
 
+  mounted() {
 
+    document.title = "元宇宙建模师火热招募";
 
+    // chrome
 
+    document.body.scrollTop = 0;
 
+    // firefox
 
+    document.documentElement.scrollTop = 0;
 
+    // safari
 
+    window.pageYOffset = 0;
 
+  },
 
+  beforeCreate() {}, //生命周期 - 创建之前
 
+  beforeMount() {}, //生命周期 - 挂载之前
 
+  beforeUpdate() {}, //生命周期 - 更新之前
 
+  updated() {}, //生命周期 - 更新之后
 
+  beforeDestroy() {}, //生命周期 - 销毁之前
 
+  destroyed() {}, //生命周期 - 销毁完成
 
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
 
+};
 
+</script>
 
+<style lang='less' scoped>
 
+::-webkit-scrollbar {
 
+  height: 0;
 
+  width: 0;
 
+  color: transparent;
 
+}
 
+.Recruiting {
 
+  padding-top: 800px;
 
+  background: url("../assets/img/bg2.png");
 
+  background-size: 100% 100%;
 
+  width: 375px;
 
+  height: 2850px;
 
+  margin: 0 auto;
 
+  .box1 {
 
+    width: 100%;
 
+    height: 228px;
 
+    & > img {
 
+      width: 100%;
 
+      height: 100%;
 
+    }
 
+  }
 
+  .box2 {
 
+    width: 325px;
 
+    height: 370px;
 
+    background-color: #fff;
 
+    border-radius: 5px;
 
+    margin: 1400px auto 0;
 
+    padding: 10px 20px 0;
 
+    .row {
 
+      margin-top: 15px;
 
+      font-size: 14px;
 
+      color: #606266;
 
+      & > span {
 
+        color: #999;
 
+        font-size: 12px;
 
+        position: relative;
 
+        &::after {
 
+          content: "*";
 
+          color: #f56c6c;
 
+          position: absolute;
 
+          right: -1px;
 
+          top: 0px;
 
+          font-size: 14px;
 
+        }
 
+      }
 
+    }
 
+    /deep/.el-form-item {
 
+      padding-bottom: 20px;
 
+    }
 
+    .btnn{
 
+      width: 202px;
 
+      height: 40px;
 
+      line-height: 40px;
 
+      border-radius: 20px;
 
+      background-color: #5b91fd;
 
+      margin: 30px auto 0;
 
+      color: #fff;
 
+      font-weight: 700;
 
+      text-align: center;
 
+    }
 
+  }
 
+}
 
+</style>

+ 3 - 0
vue.config.js
查看文件 

@@ -0,0 +1,3 @@
 
+module.exports = {
 
+  publicPath: './'
 
+}