EmlogPro获取微语(笔记)
EmlogPro获取微语(笔记)
实现效果 完整代码 先在模板文件添加 <?php //获取微语 function twitter_all(){ $DB=MySql::getInstance(); $query=$DB->query("select * from ".DB_PREFIX."twitter order by id desc"); echo "<div class='twitter-box'>"; while($row = $DB->fetch_array($query)){ echo "<div class='twitter-item'> <div class='twitter-time'>".$row["content"]."</div> <div class='twitter-title'>-".date('y-n-j',$row["date"])."</div> </div>"; } echo "</div>"; } ?> 在你需要展示的地方调用 <?php twitter_all() ?> 样式 可忽略 .twitter-item { /* background: #E4EBF5; box-shadow: 1px 1px 2px #999da4, -1px -1px 2px #ffffff; */ padding: 5px; display: flex; justify-content: space-between; } .twitter-box { width: 70%; } .twitter-title { font-weight: 300; font-size: 13px; } .twitter-item .twitter-time::before { padding: 3px 6px; color: #fff; border-radius: 5px; margin: 0px 5px; font-size: 10px; } .twitter-item:nth-child(1) .twitter-time::before { background-color: #4cb4e7; content: "1"; } .twitter-item:nth-child(2) .twitter-time::before { background-color: #9bc272; content: "2"; } .twitter-item:nth-child(3) .twitter-time::before { background-color: #f6d6ff; content: "3"; } .twitter-item:nth-child(4) .twitter-time::before { background-color: #ffebcc; content: "4"; } .twitter-item:nth-child(5) .twitter-time::before { background-color: #aed3f4; content: "5"; } .twitter-item:nth-child(6) .twitter-time::before { background-color: #c0c0c0; content: "6"; } .twitter-time { font-weight: 300; word-break: break-all; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: 2s; width: 80%; margin: 0px 5px; border-bottom: 1px #d0cbcb dashed; } .twitter-timee { font-weight: 300; word-break: break-all; font-size: 14px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 20; -webkit-box-orient: vertical; transition: 2s; min-height: 42px; } .jindu { height: 100px; width: 15px; background: #E4EBF5; border-radius: 5px; padding: 5px; margin: 10px; box-shadow: inset 1px 1px 2px #999da4, inset -1px -1px 2px #ffffff; display: flex; align-items: flex-end; } .jindu-box, .jindu-title-box { display: flex; justify-content: space-around; } .jindu-item { width: 10px } .jindu-color { background-color: red; opacity: 0.5; } .jindu:nth-child(2) .jindu-color { background-color: green; opacity: 0.5; } .jindu:nth-child(3) .jindu-color { background-color: blue; opacity: 0.5; } .jindu:nth-child(4) .jindu-color { background-color: orange; opacity: 0.5; } .jindu-title { font-size: 14px; font-weight: 300; } .sj-tj { display: flex; width: 30%; flex-direction: column; border-left: 0.1px #c7c7c7 solid; justify-content: center; } .all-box { display: flex; } .bj-box { margin: 10px 0px; } @media (max-width:576px) { .bj-box { margin: 10px 10px; } .twitter-box { width: 100%; } .sj-tj { display: none; } } @media (max-width:768px) { .bj-box { margin: 10px 10px; } .twitter-box { width: 100%; } .sj-tj { display: none; } }
 2022-5-27
emlog模板-新拟态效果
emlog模板-新拟态效果
模板图片 关于模板 该模板基于Emlog默认模板开发,暂时没添加什么新功能,模板交流群:138778739,欢迎大家反馈问题! 更新内容 2022-05-23 首页不完全显示 手机端不显示侧边栏 首页描述超出 2022-5-25 首页新增笔记 优化阅读文章页面样式 模板下载 正版用户直接在模板商店下载即可,盗版用户勿扰!
 2022-5-23
Emlog小程序-Brief3.0
Emlog小程序-Brief3.0
关于Brief小程序 这是一个简洁的程序,所以给它取了个英文名叫Brief,开发者:大彭Sir 新版本需安装小程序辅助插件 插件地址:点我去安装 适配:QQ小程序、微信小程序、百度小程序 小程序设置教程以及SG11脚本安装教程:点我去看 程序售价 授权加密版:88元 无授权加密版:188元 后续会出APP 更新内容 2022-05-26: 完善文章附件 优化页面样式 程序设置全部放在config.js 新增代码高亮语言若干 2022-05-16: 适配百度小程序 修复bug若干 2021-09-16: 3.0支持Emlog Pro(其他版本自测) 优化全局UI,部分UI借鉴其他小程序(枫瑞博客网、花生阁) 更换富文本解析组件(mp-html),可以看下面新的演示 新富文本解析支持代码高亮、链接复制 优化表格的显示 取消首页文章列表,分类文章列表图片边框 首页列表自动获取文章内第一章图片 首页列表描述文字改为只显示中文(不会显示英文和符号了) 新增文章模糊搜索 新增文章附件下载(暂时无法使用) 小程序演示 QQ/微信小程序搜索:彭先生博客即可访问 百度小程序请联系我(QQ:6283354)看预览 http://hkiii.cn/
 2021-9-16
Emlog博客小程序Brief-2.0插件版
Emlog博客小程序Brief-2.0插件版
更新说明:由于多数用户反映Brief安装繁琐且会丢失数据,现在提供插件版供大家使用,用户无需安装后端,只需花几秒钟安装插件即可!Brief插件版:1.后端安装插件即可使用,简单便捷2.取消软件分享页面3.取消附带下载链接功能 提取密码: o2h8 https://pan.baidu.com/s/1TKdVsqV8NTIV6nwC2lmy2g
 2021-3-25
小程序激励式视频广告
小程序激励式视频广告
.JS文件:var videoAd = null; 首先在顶部申明 videoAd  //加载激励广告  adGet: function () {     if (qq.createRewardedVideoAd) {      // 加载激励视频广告      videoAd = qq.createRewardedVideoAd({        adUnitId: '这里是你的广告id'      })      //捕捉错误      videoAd.onError(err => {        // 进行适当的提示      })      // 监听关闭      videoAd.onClose((status) => {        if (status && status.isEnded || status === undefined) {          // 正常播放结束,下发奖励          // 在接力          console.log('广告奖励发放');         } else {          // 播放中途退出,进行提示        }      })    }  }, //激励广告展示  openVideoAd() {    console.log('打开激励视频');    //↓↓↓这个是执行广告函数    this.adGet();     // 在合适的位置打开广告    if (videoAd) {      videoAd.show().catch(err => {        // 失败重试        videoAd.load()          .then(() => videoAd.show())      })    }  },.WXML文件:绑定事件:bindtap<button hover-class="hover" bindtap="openVideoAd">这是按钮</button>
 2020-1-3
     跳转到第 页,共 1 页

Theme By Brief 鄂ICP备19010459号

站长统计 sitemap

首页

分类

友链

登录