From 4641a877cd6a94e4d35dca7f7f14bc1443e2d2ad Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期二, 29 十一月 2022 17:59:55 +0800
Subject: [PATCH] 上传处置类型修改
---
src/views/info/Fail/index.vue | 161 +++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 136 insertions(+), 25 deletions(-)
diff --git a/src/views/info/Fail/index.vue b/src/views/info/Fail/index.vue
index 5a0b76c..372332d 100644
--- a/src/views/info/Fail/index.vue
+++ b/src/views/info/Fail/index.vue
@@ -1,38 +1,149 @@
<template>
<div class="fail">
- <header>
- <div class="header-img">
- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
- alt="">
+ <el-main>
+ <div class="main-header">
+ <div class="img">
+ X
+ </div>
+ <div class="header-title">
+ <span>鎻愪氦澶辫触</span>
+ </div>
+ <div class="header-tip">
+ <span>璇锋牳瀵瑰苟淇敼浠ヤ笅淇℃伅锛屽啀閲嶆柊鎻愪氦</span>
+ </div>
</div>
- <div class="header-tip">
- <span>璇锋牳瀵瑰苟淇敼浠ヤ笅淇℃伅锛屽啀閲嶆柊鎻愪氦</span>
+ <div class="main-content">
+ <h4>鎮ㄦ彁浜ょ殑鍐呭鏈夊涓嬮敊璇�:</h4>
+ <div class="main-tip">
+ <div class="img">
+ X
+ </div>
+ <span>鎮ㄧ殑璐︽埛宸茶鍐荤粨</span>
+ <el-link>绔嬪嵆瑙ｅ喕<i class="el-icon-arrow-right"></i></el-link>
+ </div>
+ <div class="main-tip">
+ <div class="img">
+ X
+ </div>
+ <span>鎮ㄧ殑璐︽埛杩樹笉鍏峰鐢宠璧勬牸</span>
+ <el-link>绔嬪嵆鍗囩骇<i class="el-icon-arrow-right"></i></el-link>
+ </div>
</div>
- </header>
- <main>
- <h4>鎮ㄦ彁浜ょ殑鍐呭鏈夊涓嬮敊璇�:</h4>
- <div class="main-tip">
- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
- alt="">
- <span>鎮ㄧ殑璐︽埛宸茶鍐荤粨</span>
- <el-link>绔嬪嵆瑙ｅ喕</el-link>
+ <div class="main-footer">
+ <el-button type="primary">杩斿洖淇敼</el-button>
</div>
- <div class="main-tip">
- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__fe57e10f2714b3e5e553a2c6469510de.png"
- alt="">
- <span>鎮ㄧ殑璐︽埛杩樹笉鍏峰鐢宠璧勬牸</span>
- <el-link>绔嬪嵆鍗囩骇</el-link>
- </div>
- </main>
- <footer>
- <el-button type="primary">杩斿洖淇敼</el-button>
- </footer>
+ </el-main>
+ <el-footer>
+ <myFooter></myFooter>
+ </el-footer>
</div>
</template>
+<script>
+ import myFooter from '@/components/Footer'
+ export default {
+ components:{
+ myFooter,
+ },
+ data(){
+ return{
+
+ }
+ },
+ }
+</script>
<style lang="scss" scoped>
- .fail{
+.fail {
+ min-width: 960px;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ .img {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
display: flex;
flex-direction: column;
+ justify-content: center;
align-items: center;
+ .main-header {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .img {
+ font-size: 50px;
+ width: 80px;
+ height: 80px;
+ background-color: #f95e5a;
+ color: #fff;
+ }
+
+ .header-title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 24px;
+ color: #666;
+ }
+
+ .header-tip {
+ color: #b39999;
+ }
+
+
+ .main-content {
+ margin-top: 20px;
+ margin-left: -400px;
+ h4 {
+ color: #666;
+ }
+
+ .main-tip {
+ display: flex;
+ align-items: center;
+ line-height: 30px;
+
+ .img {
+ width: 14px;
+ height: 14px;
+ font-size: 10px;
+ border: 2px solid #f95e5a;
+ color: #f95e5a;
+ font-weight: 650;
+ }
+
+ span {
+ margin-left: 5px;
+ color: #666666;
+ }
+
+ .el-link {
+ margin-left: 20px;
+ color: #0079fe;
+ font-weight: 650;
+
+ i {
+ font-weight: 650;
+ }
+ }
+ }
+ }
+
+ .main-footer {
+ margin-top: 60px;
+
+ .el-button {
+ width: 140px;
+ height: 40px;
+ background-color: #0079fe;
+
+ &:hover {
+ background-color: rgba(0, 121, 254, 0.7);
+ }
+ }
+ }
}
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0