emlogpro插件-优雅的时间进度侧边栏小工具插件

于 2024-09-09 06:13:08 发布
阅读量275 收藏 1
点赞数 3
分类专栏： PHP源码 文章标签： emlog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/technologist_28/article/details/142036574
版权

在这里插入图片描述

插件介绍

最早是在wordpress建站看见的，一款非常优雅的时间进度小工具，为了方便emlog使用，集成了一个插件。

使用步骤

已经熟悉使用emlog的可以略过了

下载插件，后台激活使用

进入插件的设置页面可以进行这个时间进度小工具的样式预览

点击查看代码，复制跳转的文本

后台里的外观-边栏-将复制的文本新建一个组件

回到前台查看效果

由于模板的多样不统一可能最后的效果可能稍不同

源码下载

emlogpro插件-优雅的时间进度侧边栏小工具插件

CSDN专家-微编程
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【VS Code插件开发】自定义侧边栏、视图（六）
编码世界
09-06 7万+
在 VS Code 开发工具中，可以在侧边栏中创建一个持久化的自定义视图。这个视图可以随着 VS Code 的不同窗口、标签页之间的切换而保持存在。侧边栏官方文档讲解用于定义自定义视图容器。位于编辑器侧边的垂直工具栏。活动栏提供了快速访问各种功能、面板和操作的图标按钮，使用户能够轻松地切换和执行不同的任务。
VSCode插件开发--添加侧边栏入口和面板
缤纷冷泪的专栏
12-15 1万+
先看一张图 在VSCode的文档中，侧边栏按钮入口称之为Tree View Container，侧边栏面板称之为Tree View，本文涉及的就是这两个区域。 创建工程 使用 yo code脚手架创建一个插件工程，语言选择TypeScript。具体过程略 配置侧边栏按钮(Tree View Container)和面板视图(Tree View) 侧边栏按钮(Tree View Container)和面板视图(Tree View)要同时配置，否则不生效。 打开package.json，添加以下内容 "cont
Edge的使用心得和深度探索-Sider: ChatGPT 侧边栏
weixin_54136520的博客
05-08 1637
作为一款备受欢迎的网络浏览器，Microsoft Edge在用户体验和功能方面都有着诸多优势。在长期的使用中，我总结出了三条使用心得，同时也发现了三个能够极大提高效率的功能。让我们一起深度探索Edge的潜力吧！：Edge浏览器的界面设计简洁大方，无多余广告新闻等，让用户一目了然，已经和原来IE浏览器脱胎换骨。通过自定义工具栏和书签栏，可以轻松访问常用网页，提高浏览效率。：通过Microsoft账号登录，可以实现浏览器数据的跨设备同步，包括书签、浏览历史等。
Vue+ELementUI主页布局----侧边栏布局（el-aside）
热门推荐
weixin_51351637的博客
10-04 3万+
第一节Login.vue登录表单知识： Element-UI+vue实现登录表单_我爱布朗熊的博客-CSDN博客具体Element-UI地址：Element - The world's most popular Vue UI framework 目录一、布满整个页面二、主页Header布局三、主页左侧带单布局四、axios请求拦截器添加token，保证拥有获取数据的权限五、发起请求获取左侧菜单数据六、左侧菜单UI绘制6.1优化一级菜单6.2当打开一个一级菜单后其他一级菜单关闭6.3实现左侧菜单的折叠与展开
vue-element-admin动态生成侧边栏以及添加路由
w_gold_qin的博客
03-14 3044
需求：后端根据登录的用户不同，返回具体的路由表，前端根据后端返回的数据动态生成侧边栏以及实现跳转。（与该框架返回角色且根据角色生成路由不同） 1、首先登陆，登陆成功之后拿token获取后端接口，把得到的数据放在localStorage里面 sysHome() { this.$api.xxxxx() .then(function(res) { localStorage.setItem('router', JSON.stringify(res.data))// 返回的数据存在loca
vue-element-admin 隐藏侧边栏
LittleLittleup的博客
05-14 2681
参考https://blog.csdn.net/weixin_48508049/article/details/114018306 在 src/style/sidebar.scss 里搜索hideSidebar找到以下部分 .hideSidebar { .sidebar-container { width: 54px !important; } .main-container { margin-left: 54px; } 修改为 .side
vue-element-admin 更改侧边栏样式 更改 vue-element-admin 侧边栏样式 vue-element-admin 导航栏样式修改 vue-element-admin修改
半只
12-12 2719
【代码】vue-element-admin 更改侧边栏样式 更改 vue-element-admin 侧边栏样式 vue-element-admin 导航栏样式修改 vue-element-admin修改。
sublime text侧边栏插件-SideBarEnhancements
sunny_girls的专栏
03-08 1万+
SideBarEnhancements是sublime text 3 侧边栏插件，可以显示文件和文件夹，非常美观。并且可以直接在sumblime 侧边栏中添加、修改、删除文件和文件夹。 github:https://github.com/titoBouzout/SideBarEnhancements
关于vue-admin动态生成侧边栏问题
qq_34707038的博客
05-05 4399
router文件的修改 1，删除文件中原有路径 保留一个路劲变量 同时添加两个这样的文件 其中development.js文件加入 module.exports = file => require(’@/views/’ + file + ‘.vue’).default 在_import_production.js文件加入 module.exports = file => () =&...
Emlog Pro插件-优雅的时间进度侧边栏小工具插件
05-10
最早是在Wordpress建站看见的，一款非常优雅的时间进度小工具，为了方便Emlog使用，集成了一个插件。 使用说明： 下载插件，后台上传激活使用 进入插件的设置页面可以进行这个时间进度小工具的样式预览 点击查看...
MediaWiki-MobileSidebar:移动侧边栏小工具
05-10
移动侧边栏原型小工具增加了在右对齐侧边栏中打开任何查看页面的移动视图的功能（与* .m.wikipedia.org相同）。 当打开时，它在页面导航中保持不变。 这旨在帮助编辑者识别出有问题的页面和模板渲染（例如，不能...
中国石油大学(北京)克拉玛依校区在广东2021-2024各专业最低录取分数及位次表.pdf
09-08
全国各大学在广东省2021~2024年各专业最低录取分数及位次
浙江越秀外国语学院在广东2021-2024各专业最低录取分数及位次表.pdf
09-08
全国各大学在广东省2021~2024年各专业最低录取分数及位次
网站模板源代码（组件划分规范，二改省力）
最新发布
09-08
组件划分规范，二改省力！！！
华中科技大学 Java课程设计实验.zip
09-08
华中科技大学 Java课程设计实验.zip
4G语音质差参数优化调整建议.xlsx
09-08
4G语音质差参数优化调整建议
仲恺农业工程学院在广东2021-2024各专业最低录取分数及位次表.pdf
09-08
全国各大学在广东省2021~2024年各专业最低录取分数及位次
chrom 插件开发，设置侧边栏最小宽度
07-23
在Chrome插件开发中，如果你想设置用户界面的一个特定部分，比如侧边栏的最小宽度，这通常涉及到HTML、CSS以及chrome.runtime API的使用。你可以通过创建自定义的内容脚本或者manifest.json文件来实现。 在HTML结构中，你可以添加一个`<div>`标签代表侧边栏，并给它一个初始宽度，然后在CSS中设定它的min-width属性。例如： ```html <style> #sidebar { width: initial; /* 或者你想设定的起始宽度 */ min-width: 200px; /* 设置最小宽度为200像素 */ } </style> <div id="sidebar" class="custom-sidebar"> <!-- 侧边栏内容 --> </div> ``` 在manifest.json文件中，你需要指定哪些脚本会被注入到页面中，这样CSS样式才能生效。例如： ```json { "name": "My Custom Sidebar", "content_scripts": [ { "matches": ["*://*/*"], // 匹配所有网页 "js": ["content.js"], "css": ["styles.css"] // 注入的CSS文件 } ], ... } ``` 在content.js中，你可以动态地获取这个侧边栏元素并修改其样式： ```javascript chrome.tabs.executeScript(null, { file: 'styles.css' }); // 加载CSS document.getElementById('sidebar').addEventListener('resize', function() { if (this.offsetWidth < 200) { this.style.minWidth = '200px'; // 如果小于200px，设为200px } else { this.style.minWidth = ''; } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值