Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
04bbc29e by 任超
Options

style:首页头部

1 parent 4b4f5d50
Inline Side-by-side
Showing 3 changed files with 19 additions and 6 deletions
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668671631108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1959" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M992 255.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32zM992 544H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32s-14.3 32-32 32zM992 832.3H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32z" p-id="1960" fill="#ffffff"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668673450787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3461" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M313.67168 153.53856a40.96 40.96 0 0 1 39.7312 71.65952A327.53664 327.53664 0 0 0 184.32 512c0 180.98176 146.69824 327.68 327.68 327.68s327.68-146.69824 327.68-327.68c0-116.67456-61.44-222.65856-159.78496-281.45664a40.96 40.96 0 1 1 42.04544-70.30784A409.35424 409.35424 0 0 1 921.6 512c0 226.22208-183.37792 409.6-409.6 409.6S102.4 738.22208 102.4 512A409.43616 409.43616 0 0 1 313.67168 153.53856z" fill="#ffffff" p-id="3462"></path><path d="M471.04 102.4m40.96 0l0 0q40.96 0 40.96 40.96l0 409.6q0 40.96-40.96 40.96l0 0q-40.96 0-40.96-40.96l0-409.6q0-40.96 40.96-40.96Z" fill="#ffffff" p-id="3463"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -8,16 +8,15 @@ ...@@ -8,16 +8,15 @@
8 <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" /> 8 <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
9 </div> 9 </div>
10 <div class="right-menu"> 10 <div class="right-menu">
11 <svg-icon class="function" icon-class='function' />
11 <el-dropdown class="avatar-container right-menu-item hover-effect" @command="handleCommand"> 12 <el-dropdown class="avatar-container right-menu-item hover-effect" @command="handleCommand">
12 <div class="avatar-wrapper"> 13 <div class="avatar-wrapper">
13 <span style="padding-right:10px">{{ name }}</span>
14 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> 14 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
15 <span style="margin-left: 10px;">{{ name }}</span>
15 </div> 16 </div>
16 <el-dropdown-menu slot="dropdown">
17 <el-dropdown-item command="a">个人中心</el-dropdown-item>
18 <el-dropdown-item command="f">退出登录</el-dropdown-item>
19 </el-dropdown-menu>
20 </el-dropdown> 17 </el-dropdown>
18
19 <svg-icon class="shutdown" icon-class='shutdown' />
21 </div> 20 </div>
22 </div> 21 </div>
23 <NoticeBar class="NoticeBar" :noticeList="noticeList" /> 22 <NoticeBar class="NoticeBar" :noticeList="noticeList" />
...@@ -160,6 +159,19 @@ export default { ...@@ -160,6 +159,19 @@ export default {
160 float: right; 159 float: right;
161 height: 100%; 160 height: 100%;
162 line-height: 50px; 161 line-height: 50px;
162 display: flex;
163 align-items: center;
164
165 .function {
166 margin: 0 15px;
167 cursor: pointer;
168 }
169
170 .shutdown {
171 font-size: 20px;
172 margin-left: 15px;
173 cursor: pointer;
174 }
163 175
164 .organization-item { 176 .organization-item {
165 margin-right: 40px; 177 margin-right: 40px;
...@@ -191,7 +203,6 @@ export default { ...@@ -191,7 +203,6 @@ export default {
191 203
192 .right-menu-item { 204 .right-menu-item {
193 display: inline-block; 205 display: inline-block;
194 padding: 0 8px;
195 height: 100%; 206 height: 100%;
196 font-size: 18px; 207 font-size: 18px;
197 color: #fff; 208 color: #fff;
......