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

图片不拉伸

Browse Source
This commit is contained in:
ddmt 2024-04-07 17:22:43 +08:00
parent ec4f859ba9
commit 5a701b16a7
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
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">
@ -25,7 +26,7 @@
</router-link>
</div>
<router-link :to="item.url">
<img :src="item.imgs" />
<img :src="item.imgs"/>
</router-link>
</li>
</ul>
@ -39,6 +40,7 @@ export default {
name: 'HomeView',
data () {
return {
login: true,
userName: 'ddmt',
squareUrl: 'https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png',
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;