@media only screen and (max-width: 360px) {
#friedsGroup {
columns: 1 !important;
}

}
#MySignature{
display:none!important;
}

#app a,#card a{
color:inherit;
}

#friedsGroup {
columns: 2;
}

.friends {
margin-bottom: 20px;
width: 100%;
display: inline-grid;
}

.friendCard {
background-color: var(--BlockColor);
border-radius: 8px;
padding: 20px;
border: 1px solid rgba(120, 130, 140, 0.13);
}

.friendCard:hover {
box-shadow: 6px 11px 41px -28px #a99de7;
}

.friendCard img {
width: 70px !important;
height: 70px !important;
float: left;
margin-right: 20px !important;
}

.friendCard .name {
margin: 0 0 10px 0 !important;
font-size: 20px;
font-weight: 700;
}

.friendCard .sign {
margin: 0 !important;
font-size: 16px;
color: var(--TextColor2);
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}

友情链接

new Vue({
el: '#app',
data: {
friends: [
{
blogName:'GShang',
blogUrl:'https://www.cnblogs.com/gshang/',
avatarUrl: 'https://pic.cnblogs.com/avatar/1489774/20190708183140.png',
blogSign: 'Stay hungry,Stay foolish.'
},
{
blogName:'Frinemore',
blogUrl:'https://www.luogu.org/blog/frinemore/',
avatarUrl: 'https://cdn.luogu.com.cn/upload/image_hosting/9byr1sng.png?x-oss-process=image/resize,m_lfit,h_170,w_225',
blogSign: '真是不良。'
},
{
blogName:'Gavensun',
blogUrl:'http://www.gavensun.com/',
avatarUrl: 'https://i.loli.net/2019/11/02/vMTKkI9V3AipreF.jpg',
blogSign: 'Hello world.'
},
{
blogName:'beca_se',
blogUrl:'https://www.cnblogs.com/becase/',
avatarUrl: 'https://pic.cnblogs.com/avatar/1855361/20191102123902.png',
blogSign: '星河滚烫,你是人间理想。'
},
{
blogName:'ollie',
blogUrl:'https://www.luogu.org/blog/ollie906086458/',
avatarUrl: 'https://cdn.luogu.com.cn/upload/usericon/164652.png',
blogSign: '我爱小奶嘴。'
},
]
}
})

申请友链

点击下方私信,互换下方表格中的字段内容。

字段名 字段内容 示例
blogName 博客昵称 tyner
blogUrl 博客地址 https://www.cnblogs.com/tyner/
avatarUrl 博客头像 https://i.loli.net/2019/11/02/gb2vM5DtYjEWfFh.png
blogSign 个性签名 自己选择的路,跪着也要走完。

联系我

tyner

自己选择的路,跪着也要走完。

我的朋友&值得学习的大佬的更多相关文章

  1. 值得学习的C语言开源项目

    值得学习的C语言开源项目   - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工 ...

  2. go语言值得学习的开源项目推荐

    谷歌官方维护了一个基于go语言的开源项目列表: https://github.com/golang/go/wiki/Projects 其中有非常多的优秀项目值得学习,有几百行代码适合新手阅读的项目,也 ...

  3. 很值得学习的java 画图板源码

    很值得学习的java 画图板源码下载地址:http://download.csdn.net/source/2371150 package minidrawpad; import java.awt.*; ...

  4. 是什么让C#成为最值得学习的编程语言

    随着 Web.iOS.Android.智能设备的流行,新的编程语言纷纷涌现并表现不俗,如 Ruby,Python,Scala,Go,Node.js,Swift 等.反观已经发展了近20年的 C# 语言 ...

  5. 值得学习的C/C++开源框架(转)

    值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的 ...

  6. 精选 TOP45 值得学习的Python项目

    精选 TOP45 值得学习的Python项目 [导读]热门资源博客 Mybridge AI 比较了 18000 个关于 Python 的项目,并从中精选出 45 个最具竞争力的项目.我们进行了翻译,在 ...

  7. 目的可疑,但方法非常值得学习的书——leo鉴书56

    书中提到写作手法绝对值得学习,为此能够打四颗星.   作者是个买直销产品的.靠写字让别人买自己的东西.当中特别强调了卖的多是太空时代的产品,意思就是读者非常可能并不须要,多半是被眼花缭乱的广告词儿骗了 ...

  8. 一些值得学习的Unity教程 (很实用的包括源码)

    ***********************项目源码******************************** 1. 降临 2. 沉睡缤纷乐 3. 千炮捕鱼 4. Photon官方FSP示例 ...

  9. 精选9个值得学习的 HTML5 效果

    此文转自:http://www.cnblogs.com/lhb25/p/9-html5-effects.html,仅供本人学习参考,版权归原作者所有! 精选9个值得学习的 HTML5 效果[附源码] ...

随机推荐

  1. Flask 教程 第十二章:日期和时间

    本文翻译自The Flask Mega-Tutorial Part XII: Dates and Times 这是Flask Mega-Tutorial系列的第十二部分,我将告诉你如何以适配所有用户的 ...

  2. 4.Ansible Task控制

    1.tag标签(调试) --skip-tags install_nfs 跳过此标签 -t 指定标签名 [root@manager tasks]# cat task_nfs.yml - hosts: w ...

  3. Tesseract.js 一个几乎能识别出图片中所有语言的JS库

    Tesseract.js 一个几乎能识别出图片中所有语言的JS库. 官网:http://tesseract.projectnaptha.com/ git:https://github.com/napt ...

  4. Kotlin exception

    cannot generate view binders java.lang.StackOverflowError 最近写kotlin项目,使用databinding,在适配器中定义了事件接口,在适配 ...

  5. simple go web application & 二维码生成 & 打包部署

    go语言简易web应用 & 二维码生成及解码 & 打包部署 转载请注明出处: https://www.cnblogs.com/funnyzpc/p/10801476.html 前言(闲 ...

  6. Python升级后ssl模块不可用问题解决和浅析

    在Cent0S 7.5下将Python 2.7.5升级到Python 3.6.6后,发现ssl模块不可用,具体详细信息如下所示: [root@db-server ~]# pip list Packag ...

  7. vue-property-decorator和typescript结合构建的class类组件,父组件触发子组件方法的方式

    vue-property-decorator和typescript结合构建的class类组件,父组件触发子组件方法的方式 class类组件示例 Father类组件 <template> & ...

  8. json解决ajax跨域的原理

    jsonp只能解决GET类型的ajax请求跨域问题 jsonp请求不是ajax请求,而是一般的get请求 基本原理 浏览器端: 动态生成<script>来请求后台接口(src就是接口的ur ...

  9. IT兄弟连 HTML5教程 多媒体应用 小结及习题

    小结 在互联网上,图像和链接则是通过URL唯一确定信息资源的位置.URL分为绝对URL和相对URL.通过使用<img />标记在浏览器中显示一张图像.超文本具有的链接能力,可层层链接相关文 ...

  10. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML框架结构

    使用HTML框架结构可以把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL网页,每个框架里的网页相互独立.这样不仅可以非常方便地在浏览器中同时浏览不同的页面效果,而且可以非常方便地完成导 ...