<!--
 * @Description: file content
 * @Version: 2.0
 * @Author: ljl
 * @Date: 2022-06-16 09:49:18
 * @LastEditors: ljl
 * @LastEditTime: 2022-07-15 13:19:07
 * @FilePath: \zyypt-ssb-vue_wechat\src\views\addError.vue
-->
<template>
  <div>
    <div id="main">
      <div class="change2">
        <div class="close"></div>
      </div>
      <div class="title">添加失败</div>
      <div class="text">信息填写错误，请返回上一步重新填写</div>
    </div>
    <footer>
      <van-button block type="info" @click="$router.go(-1)">返 回</van-button>
    </footer>
  </div>
</template>
<script>
import Vue from "vue";
import { Button } from "vant";
Vue.use(Button);
export default {
  name: "AddError",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    back() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped>
#main {
  height: calc(100%-120px);
  padding-top: 120px;
  .change2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #8b614d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    .close {
      position: relative;
      height: 40px;
    }

    .close::before,
    .close::after {
      position: absolute;
      content: " ";
      background-color: #fff;
      height: 40px;
      left: -2px;
      width: 4px;
    }

    .close::before {
      transform: rotate(45deg);
    }

    .close::after {
      transform: rotate(-45deg);
    }
    // .gou {
    //   width: 28px;
    //   height: 12px;
    //   border-top: 4px solid #fff;
    //   border-right: 4px solid #fff;
    //   -webkit-transform: translateY(-20%) rotate(135deg);
    // }
  }
  .title {
    margin-top: 20px;
    font-family: "PingFang SC-Medium";
    font-size: 22px;
    color: #8b614d;
  }
  .text {
    font-family: "PingFang SC-Regular";
    color: #999999;
    margin-top: 20px;
    font-size: 14px;
  }
}
footer {
  button {
    width: calc(100% - 30px);
    height: 50px;
    background: linear-gradient(270deg, #b9916a 0%, #e4c995 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-family: "PingFang SC-Regular";
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
</style>