展开

关键词

Layui 徽章 badge

小圆点,通过 layui-badge-dot 来定义,里面不能加文字 椭圆体,通过 layui-badge 来定义。 ="layui-badge">61728 <span class="layui-<em>badge</em> layui-bg-orange "layui-badge-rim">6 Hot ?

70050

UIBarButtonItem设置Badge

简介 UIBarButtonItem 默认是不能 设置 Badge 所以我们可以对它扩展使之支持 实现方法 添加如下代码 UIBarButtonItem+Badge.h #import <UIKit/ UIKit.h> @interface UIBarButtonItem (Badge) @property (strong, nonatomic) UILabel *badge; // Badge // Badge font @property (nonatomic) UIFont *badgeFont; // Padding value for the badge @property (nonatomic = self.badgeTextColor; self.badge.backgroundColor = self.badgeBGColor; self.badge.font self.badge) { // Create a new badge because not existing self.badge

31110
  • 广告
    关闭

    腾讯云618采购季来袭!

    腾讯云618采购季:2核2G云服务器爆品秒杀低至18元!云产品首单0.8折起,企业用户购买域名1元起,还可一键领取6188元代金券,购后抽奖,iPhone、iPad等你拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Add Github Badge

    输入相关信息后,点击make badge即可得到徽标的URL。可以用img标签引用,写法简单。不过正式写法建议用object标签引用,写法示例如下。 _blank" title="由 Hexo 强力驱动"> <! a { text-decoration: none; } /* 标签左侧样式 */ .github-badge .badge-subject { background-color: #4d4d4d : 4px; } /* 标签背景色,随意自定义,渐变色也可以 */ .github-badge .bg-blue { background-color: #007ec6; } .github-badge .github-badge .bg-gradient { background: linear-gradient(to right, #3ca5f6, #a86af9); } .github-badge

    18840

    Badge分析&如何逼死处女座

    Badge分析 所谓Badge,原本是iOS上的一个效果,但是被Android抄的多了,也就成了Android的标配。图就不上了,大家都懂的。 Badge分析 所谓Badge,原本是iOS上的一个效果,但是被Android抄的多了,也就成了Android的标配。图就不上了,大家都懂的。 https://forsberg.ax/en/blog/android-notification-badge-app-icon-sony/ Samsung Badge 方法一 通过三星Launcher 例如: intent.putExtra("badge_count_package_name", "com.tencent.mobileqq"); intent.putExtra("badge_count_class_name 华为EMUI Badge 目前华为的ROM只支持给内置的App添加角标,华为本身没有给出相应的接口。 酷派 Badge 简单粗暴,不支持。我喜欢,类原生。

    38930

    Android应用图标上的小红点Badge实践代码

    (localIntent); } /** * 设置三星的Badge\设置LG的Badge */ private static void setBadgeOfSumsung(Context context "); intent.putExtra("badge_count", count); intent.putExtra("badge_count_package_name", context.getPackageName ", count); context.getContentResolver().call(Uri.parse("content://com.android.badge/badge"), "setAppBadgeCount "); intent.putExtra("badge_count", count); intent.putExtra("badge_count_package_name", packageName); intent.putExtra("badge_count_class_name", className); context.sendBroadcast(intent); } /** * 重置Badge

    1.5K31

    如何在iPhone图标上加提示符(badge)

    如果你使用Apple iPhone自带的Mail程序,你会注意到,当有新邮件的时候,在这个程序的图标(icon)上会显示对应的新邮件的数字。 如果你的应用程序也...

    25520

    【愚公系列】2022年01月 华为鸿蒙OS-04-容器组件(badge、dialog、div)(JS开发版)

    <badge class="badge" config="{{badgeConfig}}" visible="true" count="100" maxcount="99"> <text class="text1">badgetext> badge> <badge class="badge" config="{{badgeConfig1}}" visible= <badge class="badge" config="{{badgeConfig}}" visible="true" count="100" maxcount="99" placement= "left"> <text class="text1">badgetext> badge> <badge class="badge" visible="true " count="0"> <text class="text2">badgetext> badge> <badge class="badge" visible="false

    9720

    极客感十足的电子胸牌 ART-Badge V2.0开发记录!

    开源地址:https://github.com/ART-Badge 前言 关注 RT-Thread 的同学肯定知道,RT-Thread为了向众多开发者展示RT-Thread的最新开发和生态建设成果, ART-Badge是什么? 首先附上两张渲染图↓ ART-Badge正面图片 ART-Badge反面图片 功能设计篇 首先让我们看一下,今年的电子胸牌比较去年款有哪些升级,增加哪些功能? 综上,今年的电子胸牌决定使用亚克力作为 ART-Badge V2.0 的外壳设计。 ART-Badge 主要使用到串口(用于调试和控制台输出),GPIO(用于驱动按键、蜂鸣器和ADC采集),I2C接口(用于和板载的 SC7A20 三轴加速度传感器通信)。 ch340e,USB转串口芯片,也很常用,通过 USB 线把 ART-Badge 连接电脑之后,就可以直接用串口控制台使用shell了,后面的二次开发也是使用到了串口工具 UDB 下载。

    14320

    Handsome底部页脚标签样式

    3px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .github-badge .badge-value important; } .github-badge .bg-grey, .github-badge .bg-gray { background-color: #555 ! important; } .github-badge .bg-lightgrey, .github-badge .bg-lightgray { background-color: #9f9f9f class="badge-subject">Copyright LingN </ ">鲁 ICP备 20030371号 | <a class="github-<em>badge</em>"

    6110

    网站底部自定义美化按钮(如:网站地图)

    root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge .bg-blue { background-color: #007ec6; } .github-badge .bg-brightgreen { background-color: #4dc820 ; } .github-badge .bg-blueviolet { background-color: #8833d7; } .github-badge .badge-value { .bg-orange { background-color: orange; } .github-badge .bg-red { background-color: red; } /* --网站底部按钮美化 html 开始 by 苏晨博客 blog.sxchl.cn-->

    修改脚底自定义标签

    6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .github-badge .badge-value Powered span.badge-value.bg-blue Hexo .github-badge a(style='color:#fff', rel='external Hosted span.badge-value.bg-brightgreen GitHub .github-badge a(style='color:#fff', rel= CDN span.badge-value.bg-orange jsDelivr .github-badge a(style='color:#fff', rel='external 浙ICP备 span.badge-value.bg-orange 20027461号 .github-badge span.badge-subject 本站已安全运行

    4820

    App之应用图标标记

    1、概念 应用图标标记,称为Badge App Icon。 Badge,徽章,具象来说, 就是佩带在身上用来表示身份、职业的标志。 它有着悠久的历史,起源最早可以追溯到原始社会氏族部落的图腾标志。 Badge提示用户有新消息。 Badge其实是属于系统级的通知,App们,把它应用到了app内的通知,提示用户有未读消息。 从Badge的历史发展, Badge作为系统消息的作用,提示用户app共有几条未读消息, ? 3、Badge的交互动画 Badge的交互动画主要是消除动作, 很多app的忽略这一点,我查找了些资料,发现qq的消除动作做得蛮有趣的 ? 就是这么个小小的Badge, 其实还有很多可以做的文章~

    1.6K70

    WordPress网站底部的自定页面(如:网站地图等)按钮美化教程

    root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge .bg-blue { background-color: #007ec6; } .github-badge .bg-brightgreen { background-color: #4dc820 ; } .github-badge .bg-blueviolet { background-color: #8833d7; } .github-badge .badge-value { .bg-orange { background-color: orange; } .github-badge .bg-red { background-color: red; } /* --网站底部按钮美化 html 开始 by 壳屋栏 k5l.cn-->

    bootstrap 徽章 菜单旁边显示数字

    image.png Mailbox 50 ? image.png

    徽章

    .badge 类指定未读消息的数量:

    收件箱 21

    ?

    胶囊式导航中的激活状态

    README.md 徽章 | GitHub徽章, Gitee徽章, 爱发电徽章等

    ID 创建爱发电徽章后,即可利用 Badge ID 生成 徽章图片链接: [! , badgeId 为1 https://afdian.moeci.com/1/badge.svg [! @yiyun Gitee 徽章 参考: - badge徽章、挂件模版 - gqzdev - 博客园 Gitee 卡片 image.png [! [star](https://gitee.com/yiyungent/SimCaptcha/badge/star.svg? [fork](https://gitee.com/yiyungent/SimCaptcha/badge/fork.svg?

    11610

    Android 桌面角标二三事

    android:name="com.sec.android.provider.badge.permission.WRITE" /> 2. "); intent.putExtra("badge_count", count); intent.putExtra("badge_count_package_name", "包名"); intent.putExtra("badge_count_class_name", "启动页"); context.sendBroadcast(intent); } 3. 权限声明 <uses-permission android:name="android.permission.READ_APP_<em>BADGE</em>"/> 2. ", count); context.getContentResolver().call(Uri.parse("content://com.android.badge/badge"), "setAppBadgeCount

    1.4K21

    Android应用角标适配方法,源码在三星和华为上测试通过

    角标,英语是badge,也就是“徽章,像章,奖章; 象征,标记”的意思。 三、华为手机的实现代码,参考华为开发者文档,需要添加权限 <uses-permission android:name="com.sec.android.provider.<em>badge</em>.permission.READ "); intent.putExtra("badge_count", count); intent.putExtra("badge_count_package_name ", context.getPackageName()); intent.putExtra("badge_count_class_name", launcherClassName "); intent.putExtra("badge_count", count); intent.putExtra("badge_count_package_name

    9530

    工具资源系列之 github 上各式各样的小徽章从何而来?

    Badge URL https://img.shields.io/badge/github-snowdreams1006-brightgreen.svg Markdown [! 动态数据 https://badge.fury.io/js/gitbook-plugin-mygitalk.svg ? 打开网站后往下拉,找到 Your Badge 区域,准备制作专属徽章. ? 填写(Label)标签-(Message)信息-(Color)颜色等信息后,点击(Make Badge)生成徽章. ? " - default (static) badge generator ? [npm version](https://badge.fury.io/js/gitbook-plugin-mygitalk.svg)](https://badge.fury.io/js/gitbook-plugin-mygitalk

    57760

    微信小程序实战开发一:在小程序中使用useExtendedLib方法引入官方UI

    基础组件 1、 Badge徽章 从第一个案例可以看到 我们调用的方法和官方给的还不太一样: 官方代码 { "usingComponents": { "mp-cells": ".. /components/cell/cell", "mp-badge": ".. /components/badge/badge" }} 我们自已写的 { "usingComponents": { "mp-cells": "weui-miniprogram/ cells/cells", "mp-cell": "weui-miniprogram/cell/cell", "mp-badge": "weui-miniprogram/badge /badge" } } 通过对比我们可以看出 官方使用的是 ..

    2K20

    handsome美化-持续更新

    3px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .github-badge .badge-value important; } .github-badge .bg-grey, .github-badge .bg-gray { background-color: #555 ! important; } .github-badge .bg-lightgrey, .github-badge .bg-lightgray { background-color: #9f9f9f Handsome | Powered <span class="<em>badge</em>-value

    8510

    扫码关注云+社区

    领取腾讯云代金券