luyanan 8 vuotta sitten
vanhempi
commit
88be98355b
2 muutettua tiedostoa jossa 141 lisäystä ja 0 poistoa
  1. 140 0
      app/html/articalMessage.html
  2. 1 0
      app/html/chats.html

+ 140 - 0
app/html/articalMessage.html

@ -0,0 +1,140 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="UTF-8">
5
<title></title>
6
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7
<link href="../css/mui.min.css" rel="stylesheet" />
8
<link href="../css/iconfont.css" rel="stylesheet" />
9
<link href="../css/app.css" rel="stylesheet" />
10
<style>
11
footer {
12
	position: fixed;
13
	width: 100%;
14
	height: 50px;
15
	min-height: 50px;
16
	border-top: solid 1px #bbb;
17
	left: 0px;
18
	bottom: 0px;
19
	overflow: hidden;
20
	padding: 0px 50px;
21
	background-color: #fafafa;
22
	padding-left: 5px;
23
}
24
.footer-left {
25
	position: absolute;
26
	width: 50px;
27
	height: 50px;
28
	left: 0px;
29
	bottom: 0px;
30
	text-align: center;
31
	vertical-align: middle;
32
	line-height: 100%;
33
	padding: 12px 4px;
34
}
35
.footer-right {
36
	position: absolute;
37
	width: 50px;
38
	height: 50px;
39
	right: 0px;
40
	bottom: 0px;
41
	text-align: center;
42
	vertical-align: middle;
43
	line-height: 100%;
44
	padding: 12px 5px;
45
	display: inline-block;
46
}
47
.footer-center {
48
	height: 100%;
49
	padding: 5px 0px;
50
}
51
.footer-center [class*=input] {
52
	width: 100%;
53
	height: 100%;
54
	border-radius: 5px;
55
}
56
.footer-center .input-text {
57
	background: #fff;
58
	border: solid 1px #ddd;
59
	padding: 10px !important;
60
	font-size: 16px !important;
61
	line-height: 18px !important;
62
	font-family: verdana !important;
63
	overflow: hidden;
64
}
65
.footer-center .input-sound {
66
	background-color: #eee;
67
}
68
footer .mui-icon {
69
	color: #999999;
70
}
71
footer .mui-icon:active {
72
	color: #FF9900 !important;
73
}
74
/*#007AFF*/
75
footer .mui-icon-paperplane:before {
76
	content: "发送";
77
	color:#ff9900;
78
}
79
footer .mui-icon-paperplane {
80
	font-size: 16px;
81
	word-break: keep-all;
82
	line-height: 100%;
83
	padding-top: 6px;
84
	color: rgba(0, 135, 250, 1);
85
}
86
.protable .mui-table-view-cell.mui-active{background: none;}
87
.timenow.thistime{right: 3%;}
88
</style>
89
</head>
90
91
<body>
92
<header class="mui-bar mui-bar-nav toptitbox">
93
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
94
	<h1 class="mui-title toptit">留言</h1>
95
</header>
96
<div class="mui-content">
97
	<ul class="mui-table-view protable" style="margin-top: 0;padding-top: 6px;">
98
        <li class="mui-table-view-cell mui-media">
99
            <div class="proinfor">
100
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
101
                <div class="mui-media-body">
102
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
103
                	<p class="listtit3">研究方研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
104
                </div>
105
            </div>
106
        </li>
107
        <li class="mui-table-view-cell mui-media">
108
            <div class="proinfor">
109
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
110
                <div class="mui-media-body">
111
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
112
                	<p class="listtit3">研究方研究方向标题研标题</p>
113
                </div>
114
            </div>
115
        </li>
116
        <li class="mui-table-view-cell mui-media">
117
            <div class="proinfor">
118
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
119
                <div class="mui-media-body">
120
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
121
                	<p class="listtit3">研究方研究方向标题研究方向究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
122
                </div>
123
            </div>
124
        </li>
125
        
126
    </ul>
127
</div>
128
<footer id="chatFooter">
129
	<div class="footer-center">
130
		<textarea id='msg-text' type="text" class='input-text'></textarea>
131
	</div>
132
	<label for="" class="footer-right">
133
		<i id='msg-type' class="mui-icon mui-icon-paperplane"></i>
134
	</label>
135
</footer>
136
<script src="../js/public/mui.min.js"></script>
137
<script src="../js/public/base.js"></script>
138
139
</body>
140
</html>

+ 1 - 0
app/html/chats.html

@ -178,6 +178,7 @@
178 178
 			}/*#007AFF*/
179 179
 			footer .mui-icon-paperplane:before {
180 180
 				content: "发送";
181
 				color:#ff9900;
181 182
 			}
182 183
 			footer .mui-icon-paperplane {
183 184
 				/*-webkit-transform: rotateZ(45deg);