您现在的位置: 微信小程序 > 微信小程序DEMO >

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

来源:微信小程序 编辑:易用通 发布时间:03-21热度:
这个demo似乎使用了自定义字体,详情可以参考:
微信小程序实用组件:使用font-awesome字体,真机可用


 

代码示例:
[AppleScript] 纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
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;
}