十七

文章 分类 评论
21 6 17

站点介绍

这里是站点介绍...

Joe主题添加前台“删除文章”功能

十七 2021-07-28 41 1条评论 技术教程 Joe源码删除文章

首页 / 正文
站点公告

发布于2022-01-17

前言

当我们想删除文章时,总是需要去后台删除,真的是太麻烦了。所以,就在Typecho博客程序的文档里找到了语法代码,经过测试后,还是可以用的,只是没有一点样式。然后,我就自己写了一个CSS样式,经过多次修改,终于ok了。
PS:只有登录了,才可以用哦~

效果图

{x} 手机端
Test
{x} 电脑端
Test

教程

第一步,找到 batten.php 文件,第10行 代码替换为以下代码
文件路径:joe/public

{hide}
<a class="edit" target="_blank" rel="noopener noreferrer"></a>
 <div id="qn">
  <a class="edit" href="#">•••</a>
    <div id="qn-choice">
      <div class="qn-item">
        <a class="edit" href="<?php $this->options->adminUrl(); ?>write-post.php?cid=<?php echo $this->cid; ?>"><i class="fa fa-pencil" aria-hidden="true"></i>&amp;nbsp;&amp;nbsp;编辑文章</a>
      </div>
      <div class="qn-item">
        <?php Typecho_Widget::widget('Widget_Security')->to($security); ?>
        <a class="edit" href="<?php $security->index('/action/contents-post-edit?do=delete&amp;cid='.$this->cid); ?>" onclick="javascript:return p_del()"><i class="fa fa-trash" aria-hidden="true"></i>&amp;nbsp;&amp;nbsp;删除文章</a>
      </div>
    </div>
 </div>
  <script>
  var qn = document.querySelector("#qn");
  var qnChoice = document.querySelector("#qn-choice");
  // console.log();
  qn.addEventListener("mouseenter", function (e) {
    console.log(123);
    qnChoice.style.display = "block";
  });
  qn.addEventListener("mouseleave", function (e) {
    qnChoice.style.display = "none";
  });
</script>
<script>
function p_del() {
    var msg = "您真的确定要删除吗?";
    if (confirm(msg)==true){
        return true;
    }else{
        return false;
    }
}
</script>

{/hide}
第二步,把下面的CSS添加到后台即可
PS:这个CSS是我自己写的,但有一些不足,想用的可以用

{hide}
#qn-choice {
      display: none;
      box-shadow: 0px 0px 5px #888888;
      width: 100px;
      text-align: center;
      z-index: 999;
    }
    .qn-item{
      width: 100%;
      height: 25px;
      line-height: 25px;
      background-color: #fff;
    }
    .qn-item:hover{
      background-color: rgba(220,220,220,0.7);
    }
#qn{text-align:right;}
{/hide}

评论(1)

  1. 123123 游客 2021-08-28 21:14 回复

    2312313

热门文章

最新评论

  • 十七

    1047149754

  • 沫崽崽

    怎么进群

  • 6f

    真不戳

  • 十七1

    已添加

  • 永恒

    永恒小站||https://yong-heng.cn||https://www.helloimg.com/images/2021/10/07/CQ5uNQ.jpg||为互联网而生

  • 123123

    2312313

  • 十七

    已添加

  • 青柠源站

    青柠源站||https://www.qnbk.icu||https://www.helloimg.com/images/2021/06/21/CRsh7m.png||青柠源站,用心做源码和教程。

  • 十七

    第一耶耶耶::(吐舌)

日历

2022年01月

      1
2345678
9101112131415
16171819202122
23242526272829
3031     

友情链接

文章目录

推荐关键字: 技术分享 机器人 j'q'r 服务器 ou'ka

站点公告
站点公告
点击小铃铛关闭
配色方案