From ffb4f983478bc74ae34d7c7cecc7fb937fab045f Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期二, 20 九月 2022 18:02:22 +0800
Subject: [PATCH] 新建logo管理页面
---
src/views/systemSetting/platform/portalSetting/index.vue | 177 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 174 insertions(+), 3 deletions(-)
diff --git a/src/views/systemSetting/platform/portalSetting/index.vue b/src/views/systemSetting/platform/portalSetting/index.vue
index 8b407a0..8c6a40d 100644
--- a/src/views/systemSetting/platform/portalSetting/index.vue
+++ b/src/views/systemSetting/platform/portalSetting/index.vue
@@ -1,5 +1,176 @@
<template>
- <div>
-
+ <div class="log">
+ <header>
+ <div clas="headerTitle">
+ 绯荤粺璁剧疆 銆嬮棬鎴风鐞� 銆媗ogo绠＄悊
+ </div>
+ </header>
+ <main>
+ <div class="mainTitle">LOGO</div>
+ <ul class="mainContent">
+ <li>
+ <div class="desc">浜у搧鍥炬爣锛氫富瑕佺敤浜庣綉椤靛ご閮�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">缃戠珯鍥炬爣锛氫富瑕佺敤浜庢祻瑙堝櫒鏍囩椤�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">鐧诲綍椤靛浘鏍囷細涓昏鐢ㄤ簬鐧诲綍椤�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ </ul>
+ </main>
+ <footer>
+ <div class="webTitle">
+ <div class="text">缃戠珯鏍囬:</div>
+ <div class="inner">
+ <el-input type="text" placeholder="閬傛槍鎵ф硶灞�" v-model="title"></el-input>
+ </div>
+ </div>
+ <div class="footerBtn">
+ <el-button class="cancel">杩斿洖</el-button>
+ <el-button type="primary">鎻愪氦</el-button>
+ </div>
+ </footer>
</div>
-</template>
\ No newline at end of file
+</template>
+<script>
+export default {
+ data() {
+ return {
+ title:'',
+ icon:{
+ login:'',
+ website:'',
+ product:'',
+ }
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.log {
+ color: #4b9bb7;
+ text-align: left;
+ padding: 20px;
+
+ li {
+ list-style: none;
+ }
+
+ header {
+ line-height: 60px;
+ border-bottom: 1px solid #4b9bb7;
+ }
+
+ main {
+ padding: 0 20px;
+
+ .mainTitle {
+ margin-top: 20px;
+ font-size: 20px;
+ font-weight: 650;
+ line-height: 60px;
+ }
+
+ .mainContent {
+ padding: 0;
+
+ li {
+ margin-top: 30px;
+ .desc {
+ line-height: 22px;
+ }
+
+ .upload {
+ display: flex;
+ line-height: 100px;
+ margin-top: 15px;
+
+ .uploadBtn {
+ width: 120px;
+ height: 120px;
+ background-color:rgba(249, 249, 249, 1);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 4px;
+ i {
+ font-size: 30px;
+ font-weight: 650;
+ }
+
+ span {
+ line-height: 22px;
+ }
+ }
+
+ .uploadTip {
+ display: flex;
+ align-items: flex-end;
+ margin-left: 20px;
+ font-size: 14px;
+ span{
+ line-height: 22px;
+ }
+ }
+ }
+ }
+ }
+ }
+ footer{
+ padding: 0 20px;
+ .webTitle{
+ display: flex;
+ line-height: 40px;
+ margin:30px 0;
+ .text{
+ flex: 1;
+ }
+ .inner{
+ flex: 13;
+ .el-input{
+ width: 496px;
+ }
+ &::v-deep .el-input__inner{
+ background-color: #09152f;
+ border: 1px solid #17324c;;
+ }
+ }
+ }
+ .footerBtn{
+ display: flex;
+ justify-content: center;
+ &::v-deep .el-button{
+ padding: 12px 40px;
+ font-weight: 600;
+ }
+ .cancel{
+ border: 2px solid #0079fe;
+ color: #0079fe;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0