123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <template>
- <div class="about">
- <div class="about-bg">
- <div class="name">猎豹AI</div>
- <div class="des">智能聚合运力平台</div>
- <img class="download" src="../../static/image/download.png" alt="">
- <div class="scan">扫码下载APP</div>
- <div class="version">
- <img class="pc" src="../../static/image/pc-icon.png" alt="">
- <div class="versoin-num">猎豹AI聚合配送PC版版本V1.0.1</div>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: "about",
- data() {
- return {};
- },
- // 监听属性 类似于data概念
- computed: {},
- // 监控data中的数据变化
- watch: {},
- // 生命周期 - 创建完成(可以访问当前this实例)
- created() {},
- // 生命周期 - 挂载完成(可以访问DOM元素)
- mounted() {},
- // 方法集合
- methods: {
-
- },
- };
- </script>
- <style lang="scss" scoped="scoped">
- .about {
- display: flex;
- justify-content: center;
- margin-top: 150px;
- .about-bg {
- display: flex;
- flex-direction: column;
- align-items: center;
- background: url("../../static/image/about-bg.png");
- background-size: 100% 100%;
- width: 372px;
- height: 268px;
- .name {
- font-weight: bold;
- font-size: 40px;
- color: #eb5605;
- letter-spacing: 10px;
- }
- .des {
- font-size: 16px;
- color: #333;
- letter-spacing: 10px;
- }
- .download {
- margin-top: 10px;
- width: 150px;
- height: 150px;
- }
- .scan {
- margin-top: 10px;
- font-size: 14px;
- color: #333;
- }
- .version {
- margin-top: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #eb5605;
- opacity: 0.6;
- border-radius: 29px;
- padding: 10px 20px;
- .pc {
- width: 21px;
- height: 21px;
- margin-right: 10px;
- }
- .versoin-num {
- font-size: 12px;
- color: #fff;
- }
- }
- }
- }
- </style>
|