6666/123
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.ddmt.top/6666/123

Browse Source
This commit is contained in:
username 2024-04-07 17:24:11 +08:00
commit 127141553b
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/index.vue
View File

@ -3,12 +3,13 @@
<div class="navigationBar"> <div class="navigationBar">
<div class="navTitle"> <div class="navTitle">
<router-link to="/"> <router-link to="/">
<img src="../assets/logo.png" alt="" /> <img class="img-logo" src="../assets/logo.png" alt="" />
</router-link> </router-link>
</div> </div>
<div class="navUser"> <div class="navUser">
<div class="block"><el-avatar shape="square" :size="50" :src="squareUrl"></el-avatar></div> <div v-if="login" class="block"><el-avatar shape="square" :size="50" fit="cover" :src="squareUrl"></el-avatar></div>
<span>{{ userName }}</span> <span v-if="login">{{ userName }}</span>
<el-button v-else type="primary" icon="el-icon-user-solid">登陆</el-button>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
@ -39,6 +40,7 @@ export default {
name: 'HomeView', name: 'HomeView',
data () { data () {
return { return {
login: true,
userName: 'ddmt', userName: 'ddmt',
squareUrl: require('@/assets/images/1.jpg'), squareUrl: require('@/assets/images/1.jpg'),
parItem: [ parItem: [
@ -78,7 +80,7 @@ export default {
} }
</script> </script>
<style lang="less"> <style lang="less" scoped>
.navigationBar { .navigationBar {
width: 100%; width: 100%;
height: 80px; height: 80px;
@ -86,7 +88,7 @@ export default {
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
img { .img-logo {
margin-left: 5px; margin-left: 5px;
width: auto; width: auto;
height: 80px; height: 80px;
@ -97,7 +99,7 @@ export default {
float: right; float: right;
margin-right: 100px; margin-right: 100px;
.block { .block, .el-button {
display: inline-block; display: inline-block;
margin-top: 15px; margin-top: 15px;
} }
@ -161,6 +163,7 @@ export default {
} }
li img { li img {
object-fit: cover;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;