<!--
 * @Description: file content
 * @Version: 2.0
 * @Author: ljl
 * @Date: 2022-06-16 09:49:18
 * @LastEditors: ljl
 * @LastEditTime: 2022-07-15 12:29:55
 * @FilePath: \zyypt-ssb-vue_alipay\src\views\addSuccess.vue
-->
<template>
  <div>
    <div id="main">
      <div class="change2">
        <div class="gou"></div>
      </div>
      <div class="text">添加成功</div>
      <div class="goHome" @click="$router.go(-3)">
        <img src="../assets/images/index.png" alt="" />
        <div class="iconText">中药安心达</div>
      </div>
    </div>
    <footer>
      <van-button block type="info" @click="back()">确 定</van-button>
    </footer>
  </div>
</template>
<script>
import Vue from "vue";
import { Button } from "vant";
Vue.use(Button);
export default {
  name: "AddSuccess",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    back() {
      this.$router.go(-2);
    },
  },
};
</script>
<style lang="scss" scoped>
#main {
  height: calc(100%-120px);
  padding-top: 120px;
  .change2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #cbb486;
    border: 1px solid #bcbec0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    .gou {
      width: 28px;
      height: 12px;
      border-top: 4px solid #fff;
      border-right: 4px solid #fff;
      -webkit-transform: translateY(-20%) rotate(135deg);
    }
  }
  .text {
    margin-top: 20px;
    font-family: "PingFang SC-Medium";
    font-size: 22px;
  }
  .goHome {
    margin-top: 100px;
    img {
      width: 70px;
    }
    .iconText {
      font-family: "PingFang SC-Regular";
      font-size: 18px;
      margin-top: 10px;
    }
  }
}
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>