diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 8c4a245..1a88ece 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -409,12 +409,31 @@ textarea { position: relative; width: 373px; height: 78px; + display: flex; + align-items: center; + padding: 10px; } -.index .header .header-left > img { +.index .header .header-left .logo-img { + position: relative; + z-index: 2; + margin-right: 10px; +} + +.index .header .header-left .logo-bg { width: 373px; height: 99px; cursor: pointer; + position: absolute; + left: 0; + top: 0; + z-index: 1; +} + +.index .header .header-left .logo-title { + position: relative; + z-index: 2; + font-size: 35px; } .index .header .header-center { diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index bab04cf..422d213 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -423,11 +423,26 @@ textarea{ position: relative; width: 373px; height: 78px; - - >img { + display: flex; + align-items: center; + padding: 10px; + .logo-img{ + position: relative; + z-index: 2; + margin-right: 10px; + } + .logo-bg { width: 373px; height: 99px; cursor: pointer; + position: absolute; + left: 0; + top: 0; + z-index: 1; + } + .logo-title{ + position: relative;z-index: 2; + font-size: 35px; } } diff --git a/src/assets/image/logo-img.png b/src/assets/image/logo-img.png new file mode 100644 index 0000000..96b6abd Binary files /dev/null and b/src/assets/image/logo-img.png differ diff --git a/src/assets/image/logo.png b/src/assets/image/logo.png index 6fd19e5..de148a5 100644 Binary files a/src/assets/image/logo.png and b/src/assets/image/logo.png differ diff --git a/src/views/index.vue b/src/views/index.vue index 8e4854c..8ad289c 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -2,7 +2,11 @@
- + + +
+ {{mainData.projectName}} +
@@ -146,6 +150,7 @@ export default { limitUserId: [], statusData: [], roleId:2, + mainData:null, } }, watch: { @@ -230,6 +235,8 @@ export default { ] }, ] } + this.mainData=res.data.data.project + } }) },