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