我的专栏头像显示的问题

来源:12-7 使用 gitee pages 进行部署

努力的皂皂

2021-04-13

图片描述
请老师帮忙解决一下,感谢老师~~

写回答

4回答

张轩

2021-04-14

同学 这种问题记得要提供一下源代码欧 因为要在本地调试一下比较方便

1
2
努力的皂皂
仓库地址:https://git.imooc.com/MeiNv/yoona.git 请老师帮忙看一下,麻烦老师了~~感谢
2021-04-14
共2条回复

张轩

2021-04-16

同学你好 搞清楚原因啦 这个是专栏的头像 不是你个人的头像 两个是分开的欧 你要重新设置一下,在编辑资料的第二个 tab 中,更新专栏信息,这里的功能你还没有实现,你把更新的逻辑加上就好啦

1
1
努力的皂皂
休息了两天,刚刚问题解决了,感谢老师的提点,嘿嘿~
2021-04-19
共1条回复

张轩

2021-04-15

同学你好 我使用你的代码,由于没有你的账户 我使用了默认账户,原因是在首页的时候,你直接将 url 重新赋值

ColumnList 39 行
column.avatar.url = column.avatar.url+'?x-oss-process=image/resize,m_pad,h_50,w_50'

//这样会造成 
column.avatar.url 越来越长,在后面显示的时候就出现问题。这里可以用 fitUrl 属性代替这个属性
column.avatar.fitUrl = column.avatar.url+'?x-oss-process=image/resize,m_pad,h_50,w_50'

显示的时候记得使用 fitUrl
// ColumnList 第6 行
<img :src="column.avatar && column.avatar.fitUrl" :alt="column.title" class="rounded-circle border boder-light w-25 my-3">


0
2
努力的皂皂
刚刚重新提交了 https://git.imooc.com/MeiNv/yoona.git
2021-04-15
共2条回复

努力的皂皂

提问者

2021-04-14

老师老师您还在嘛~~

0
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程