我的专栏头像显示的问题

Question

请老师帮忙解决一下，感谢老师~~

Answer 1

张轩 2021-04-14 09:25:45

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

• 提问者 努力的皂皂 #1

  非常感谢！

• 提问者 努力的皂皂 #2

  仓库地址：https://git.imooc.com/MeiNv/yoona.git    请老师帮忙看一下，麻烦老师了~~感谢

Answer 2

张轩 2021-04-16 09:20:56

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

• 提问者 努力的皂皂 #1

  休息了两天，刚刚问题解决了，感谢老师的提点，嘿嘿~

Answer 3

张轩 2021-04-15 09:33:33

同学你好 我使用你的代码，由于没有你的账户 我使用了默认账户，原因是在首页的时候，你直接将 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">

• 提问者 努力的皂皂 #1

  老师好像显示头像是ColumnDetail.vue不是ColumnList，ColumnList是首页下面的专栏，而且我刚刚修改了 不得行 老师可以再帮我看看嘛~ 
  我的账号：[e-mail] 密码：123456    麻烦老师了~~

• 提问者 努力的皂皂 #2

  刚刚重新提交了 https://git.imooc.com/MeiNv/yoona.git

Answer 4

提问者 努力的皂皂 2021-04-14 09:13:50

老师老师您还在嘛~~