柿霖不是林 发表于 2017-3-17 13:18:48

微信小程序demo:疾病一搜通

这个demo似乎使用了自定义字体,详情可以参考:
微信小程序实用组件:使用font-awesome字体,真机可用


page {
background-color: #F4F4F4;
}

.mr10{
margin-right:10px;
}

.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}

.WText10PT {
background-color: transparent;
color: #b2b2b2;
font-size: 10px;
line-height: 10px;
}

.WText13PT {
background-color: transparent;
color: #b2b2b2;
font-size: 13px;
line-height: 13px;
}

.WText14PT {
background-color: transparent;
color: #888;
font-size: 14px;
line-height: 14px;
}

.WText16PT {
background-color: transparent;
color: #000;
font-size: 16px;
line-height: 16px;
}

.WText17PT {
background-color: transparent;
color: #000;
font-size: 17px;
line-height: 17px;
}

.WText20PT {
background-color: transparent;
color: #000;
font-size: 20px;
line-height: 20px;
}

.input-placeholder{
color: #DDD;
}

.text-center{
text-align:center;
}

@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
         url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
         url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}




**** Hidden Message *****

tezhg 发表于 2017-7-7 11:57:28

感谢分析,学习一下

LXH 发表于 2017-7-7 14:43:52

感谢分享

笨笨虎 发表于 2017-8-3 10:02:20

fsdasfasasfasf

glt 发表于 2017-12-23 13:26:31

非常不错的应用,下载了

michael221 发表于 2018-2-19 17:31:39

啥也不说了,感谢楼主分享哇!

guozhao 发表于 2018-2-25 16:53:13

学习学习

jerry369 发表于 2020-4-11 16:55:13

我有流量,你有产品,我们就可以合作,有意的个人开发者朋友可以联系微信号jim20180688,详聊
页: [1]
查看完整版本: 微信小程序demo:疾病一搜通