Unicode 引用
78 |79 | 80 |
Unicode 是字体在网页端最原始的应用方式，特点是：
81 |-
82 |
- 兼容性最好，支持 IE6+，及所有现代浏览器。 83 |
- 支持按字体的方式去动态调整图标大小，颜色等等。 84 |
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 85 |
87 |89 |注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
88 |
Unicode 使用步骤如下：
90 |第一步：拷贝项目下面生成的 @font-face
91 | @font-face {
93 | font-family: 'caozha-iconfont';
94 | src: url('iconfont.eot');
95 | src: url('iconfont.eot?#iefix') format('embedded-opentype'),
96 | url('iconfont.woff2') format('woff2'),
97 | url('iconfont.woff') format('woff'),
98 | url('iconfont.ttf') format('truetype'),
99 | url('iconfont.svg#caozha-iconfont') format('svg');
100 | }
101 | 第二步：定义使用 iconfont 的样式
103 |.caozha-iconfont {
105 | font-family: "caozha-iconfont" !important;
106 | font-size: 16px;
107 | font-style: normal;
108 | -webkit-font-smoothing: antialiased;
109 | -moz-osx-font-smoothing: grayscale;
110 | }
111 | 第三步：挑选相应图标并获取字体编码，应用于页面
113 |
114 | <span class="caozha-iconfont">3</span>
116 |
117 | 118 |120 |"caozha-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
119 |
');
284 | var post = {
285 | repid:repid,
286 | cmtid:caozha.config.cmtid,
287 | catid:caozha.config.catid,
288 | saytext:saytext.val(),
289 | key:key.val(),
290 | username:username.val(),
291 | enews:'AddPl'
292 | }
293 | caozha.xhr({
294 | api: cz_cmt_doaction,
295 | data:post,
296 | method:'post'
297 | },function(json){
298 | $(obj).removeAttr('disabled',false).html('发 布');
299 | if(json.err_msg=='success'){
300 | caozha.show(json.info,'',function(){
301 | $('.pl-show-replay').empty();
302 | });
303 | saytext.val('');
304 | key.val('');
305 | caozha.getNewsComment(1);
306 | caozha.updateKey();
307 |
308 | }else{
309 | caozha.show(json.info);
310 | }
311 | });
312 | }
313 | ,getNewsHotComment:function(){
314 | caozha.xhr({
315 | api: cz_cmt_list,
316 | data:{cmtid:this.config.cmtid,catid:this.config.catid,pageSize:this.config.hotpagesize,query:'hot'},
317 | method:'post'
318 | },function(json){
319 | if(json.err_msg == 'success') {
320 |
321 |
322 | if(json.total>0){
323 | var output=caozha.tm('NewsCommentTemplate',{data:json.data});
324 | $('#pl-show-hot').html(output);
325 | $('.pl-show-hot-list').fadeIn();
326 | }
327 |
328 |
329 | }else {
330 |
331 | }
332 | });
333 |
334 | },getNewsComment:function(reply,obj,type){
335 | $('.newscommentText').removeAttr('disabled');
336 | var cmtid=$('body').attr('data-cmtid');
337 | var catid=$('body').attr('data-catid');
338 | caozha.config.commentQuery = type?type:'all';
339 | var info = type=='hot'?'暂无热门评论':'暂无评论';
340 | $('.showNewsCommenetArea').removeAttr('id').attr('id','show-'+caozha.config.commentQuery);
341 | if(obj)$(obj).attr('disabled',true).html('载入中,请稍后...');
342 |
343 | if(reply&&!caozha.config.pagination){
344 | caozha.config.commentIndex = 1;
345 | $('.showNewsCommenetArea').html('