求助博客园博客
  • 板块灌水区
  • 楼主精神小伙!
  • 当前回复17
  • 已保存回复17
  • 发布时间2022/1/19 18:00
  • 上次更新2023/10/28 11:55:31
查看原帖
求助博客园博客
304211
精神小伙!楼主2022/1/19 18:00

主题Geek。

头像显示不出来,但我设置了。

7rjFWq.png

7rjr1P.png

7rjcnS.png

请问我应该如何让头像显示出来?教程没看懂。

下面放一下我的代码,能帮我看看吗?

当然,如果很简单,您也可以顺便踩爆这个蒟蒻

页面定制css代码

@keyframes spin3D{from{transform:rotate3d(0.5,0.5,0.5,360deg)}to{transform:rotate3d(0deg)}}#loading{height:100%;background-color:#1d2630;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;overflow:hidden;z-index:99999999}.spinner-box{width:300px;height:300px;display:flex;justify-content:center;align-items:center;background-color:transparent}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;animation:spin3D 3s linear .2s infinite}.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;animation:spin3D 2s linear 0s infinite}.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;animation:spin3D 1s linear 0s infinite}.white-orbit{width:60px;height:60px;border:2px solid #fff;animation:spin3D 10s linear 0s infinite}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,0.5,90deg)}.w3{transform:rotate3D(0.5,1,2,90deg)}

页首html代码

<div id="loading">
    <div class="spinner-box">
        <div class="blue-orbit leo"></div>
        <div class="green-orbit leo"></div>
        <div class="red-orbit leo"></div>
        <div class="white-orbit w1 leo"></div>
        <div class="white-orbit w2 leo"></div>
        <div class="white-orbit w3 leo"></div>
    </div>
</div>

页脚html代码

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {
      name: 'geek',
    },
  }
  $.awesCnb(opts)
</script>

谢谢

2022/1/19 18:00
加载中...