发源地·开源项目分享社区

 找回密码
 立即注册
查看: 29|回复: 0
收起左侧

[开发综合] 小米签到插件不显示顶部导航header的解决方法。

[复制链接]

活雷锋

207

主题

1228

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889374
铜板
8891177
钢镚
8894177
好友
1
记录
1
日志
0
相册
54
帖子
1228
主题
207
精华
114
分享
0
注册时间
2019-5-13
最后登录
2020-5-29
在线时间
267 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-5-19 21:27:10 | 显示全部楼层 |阅读模式
作者:青花
转载请注明出处:https://wdc.store/
       本站在安装小米签到插件的时候发现和正在使用的这套手机模板不是很兼容,安装之后header调用不出来,顶部白条,于是就重新写了一个DIV盒子,手动做一个header来弥补丑陋的页面。
       修改后的页面:


方法如下:
1.找到签到首页的模板文件路径:网站根目录/source/plugin/k_misign/template/mobile_default/touch
2.这个模板目录里面有两个文件,我需要修改的是“k_misign_index.htm”这个模板文件
   模板的完整代码如下:
  1. <!--{template common/header}-->
  2. <!--{if defined('SUB_DIR')}-->
  3. <script>window.location.href='../plugin.php?id=k_misign:sign';</script>
  4. <!--{/if}-->
  5. <link rel="stylesheet" type="text/css" href="./source/plugin/k_misign/static/mobile_default/phone.css" />
  6. <!--{if $inwsq}-->
  7. <script type="text/javascript" src="http://wsq.discuz.qq.com/cdn/discuz/js/openjs.js"></script>
  8. <script>
  9. WSQ.initPlugin({name:'{$setting[title]}'});
  10. var initWx = {
  11.         'img': '{$_G[siteurl]}static/image/common/logo.png',
  12.         'desc': 'initWxParam',
  13.         'title': 'shareTitle',
  14.         'pluginid':'k_misign:sign',
  15.         'param': ''
  16. };
  17. WSQ.initShareWx(initWx);

  18. var menu = new Array();
  19. menu.push({name:"{lang k_misign:sign}", pluginid: 'k_misign:sign', param: 'wsq=1' });
  20. WSQ.initBtmBar(menu);
  21. WSQ.showBtmBar();
  22. <!--{if !$_G['uid']}-->
  23. var referer = {
  24.         pluginid: 'k_misign:sign',
  25.         param: 'wsq=1'
  26. };
  27. WSQ.login(referer);
  28. <!--{/if}-->
  29. </script>
  30. <!--{/if}-->
  31.                 <div class="k_misign_header">
  32.                         <!--{if $_G['uid']}-->
  33.                                 <div style="width:70px;height:70px;position: absolute; top:20px; left:16px; border-radius: 8px;background: rgba(255,255,255,1);">
  34.                                         <img src="<!--{avatar($_G['uid'], 'middle', 1)}-->" style="width:64px;height:64px;margin-top:3px;margin-left:3px; border-radius: 8px;"/>
  35.                                 </div>
  36.                                 <div style="position: absolute;padding:2px 5px; border-radius: 6px; text-align:center; top:30px;left:96px;color:#FFFFFF;background: rgba(0,0,0,.5);height:20px;line-height: 20px;font-size:18px;">
  37.                                         会员昵称:{$_G['username']}
  38.                                 </div>
  39.                                 <div style="position: absolute;padding:2px 5px; border-radius: 6px; text-align:center; top:60px;left:96px;color:#FFFFFF;background: rgba(0,0,0,.5);height:20px;line-height: 20px; font-size:18px;">
  40.                         {lang k_misign:signlevel}:您当前已到 <span style="color:yellow;">{$qiandaodb['level']}</span> 级
  41.                                 </div>
  42.                         <!--{/if}-->
  43.                 <div class="info">
  44.                         <div class="item">
  45.                                 <div style="font-weight: bold;height: 20px;line-height: 20px;">
  46.                                         {lang k_misign:todayrow}
  47.                                 </div>
  48.                                 <div style="height: 20px;line-height: 20px">
  49.                    <!--{if  $qiandaodb['time'] > $tdtime}-->{$qiandaodb['row']}<!--{else}-->0<!--{/if}-->
  50.                                 </div>
  51.                         </div>
  52.                         <div class="item">
  53.                                 <div style="font-weight: bold;height: 20px;line-height: 20px;">
  54.                                         {lang k_misign:row}{lang k_misign:sign}
  55.                                 </div>
  56.                                 <div style="height: 20px;line-height: 20px">
  57.                                         {$qiandaodb['lasted']}{lang k_misign:days}
  58.                                 </div>
  59.                         </div>
  60.                         <div class="item" style="border-right: none;">
  61.                                 <div style="font-weight: bold;height: 20px;line-height: 20px;">
  62.                                         {lang k_misign:alldays}
  63.                                 </div>
  64.                                 <div style="height: 20px;line-height: 20px">
  65.                                         $qiandaodb['days']{lang k_misign:days}
  66.                                 </div>
  67.                         </div>
  68.                 </div>
  69.                 </div>
  70.                 <!--{if $_G['uid'] && $qiandaodb['time'] > $tdtime}-->
  71.                         <a href="javascript:;" class="btn_visited" style="background-color:{$setting['bcolor']};">{lang k_misign:signed}</a>
  72.                 <!--{else}-->
  73.                         <a href="javascript:;" class="btn" id="signresult" onClick="ajaxsign();window.location.reload();" style="background-color:{$setting['bcolor']};">{lang k_misign:sign}</a>
  74.                 <!--{/if}-->

  75.                 <div id="ranklist">
  76.                 </div>
  77.         <script>
  78.                         ajaxlist('today');
  79.                         function ajaxlist(type){
  80.                                 if(type == 'month'){
  81.                                         urlextra = '&op=month';
  82.                                 }else if(type == 'zong'){
  83.                                         urlextra = '&op=zong';
  84.                                 }else{
  85.                                         urlextra = '';
  86.                                 }
  87.                                 htmlobj = $.ajax({url:"{$setting['pluginurl']}sign&operation=list"+urlextra,async:false,contentType: "application/x-www-form-urlencoded; charset=utf-8"});
  88.                                 $("#ranklist").html(htmlobj.responseText);
  89.                         }
  90.                         function ajaxsign(){
  91.                                 htmlobj = $.ajax({url:"{$setting['pluginurl']}sign&operation=qiandao&format=text&formhash={FORMHASH}",async:false,contentType: "application/x-www-form-urlencoded; charset=utf-8"});
  92.                                 $("#signresult").html(htmlobj.responseText);
  93.                         }
  94.         </script>
  95. <!--{template common/footer}-->
复制代码
上面其实已经调用了header,但是实际上并没有成功,可能是样式引用不到,为了节省时间,就不去找CSS文件了,那么就在下面写一个,以下是重写的顶部导航:
  1. <div style="height:45px;background-color:#EE3B3B;margin-top:-45px;color:#fff;line-height:45px;font-size:18px;margin-bottom:5px;">
  2. <center>
  3. <font>亮灯打卡中心</font>
  4. </center>
  5. <a style="position: absolute;top:3px;color:#FFFFFF;font-size:16px;left:15px;" onClick="javascript :history.back(-1);">返回</a>
  6. </div>
复制代码
3.将重写的顶部导航代码插入到下面的位置:
  1. <!--{template common/header}-->
复制代码
4.如果不希望是“返回”文字,而是用图标,那么,用<img>标签替换<a>标签就好了,如果是图标,需要删除代码中的font-size和color标签属性,然后给图片增加width和height标签属性,例如:
  1. <img src="图片路径" width="30" height="30"  top="3" left="15"  title="返回">
复制代码




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.store|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2020-5-29 21:00

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表