当前位置: 首页 > news >正文

深泽网站制作重庆娱乐公司

深泽网站制作,重庆娱乐公司,模板网站的劣势,网页小游戏4933在大佬那看到这个小技巧#xff0c;我觉得这个功能点还挺常用#xff0c;所以给大家分享下具体的实现。当未读消息数小于100的时候显示准确数值#xff0c;大于99的时候显示99。 1. 实现效果 2. 组件封装 templatespan classcolsup :styl…在大佬那看到这个小技巧我觉得这个功能点还挺常用所以给大家分享下具体的实现。当未读消息数小于100的时候显示准确数值大于99的时候显示99。 1. 实现效果 2. 组件封装 templatespan classcolsup :style{--num:num}{{num}}/sup/span /templatescript export default {name: unread,props:{num:{type: Number,default: 0}} } /script style .col {display: inline-flex;width: 4rem; height: 4rem;align-items: center;justify-content: center; }.col sup {position: absolute;box-sizing: border-box;min-width: 1rem;padding: 0 0.1875rem;color: #fff;font-size: min(.75rem, calc(10000px - var(--num) * 100px));line-height: 1.2;text-align: center;background-color: #eb4646;border: 1px solid #fff;border-radius: 1rem;transform: translate(calc(40% .375rem), -.75rem);/* 数值为0的时候隐藏 */opacity: var(--num); } .col sup::before {content: 99;font-size: min(.75rem, calc(var(--num) * 100px - 9900px)); } /style3. 使用 Unread :num0/ // 为0隐藏Unread :num9/Unread :num99/Unread :num999/
http://www.dnsts.com.cn/news/94952.html

相关文章:

  • 网站开发专业天蝎做网站建网站
  • 国外自助建站免费建站平台可免费下载的ppt模板
  • 联谊会总结网站建设对外宣传成都企业如何建网站
  • 管理系统门户网站开发路线wordpress主题免费中文
  • 可以找题目做的网站石家庄seo培训
  • 给企业做网站如何定价淘客网站怎么备案
  • 厦门网站建设哪好在线生成印章
  • asp网站建设类论文优化网站要多少钱
  • 艺术网站建设模板西安软件开发公司
  • 农业建设公司网站少儿编程加盟品牌排行榜
  • 公司logo查询网站网页源代码翻译器
  • 工信部网站备案网站建设医药
  • 阿里云服务的官方网站泰安公司
  • 可以做彩票网站的工作室分类信息网址导航
  • 人力资源招聘网站建设方案专业的营销型网站定制
  • 简单网站开发实例总结海口今天最新通知
  • 定远建设小学网站显示网站运行时间代码
  • 专门做配电箱的网站网站建设开发平台
  • 网站开发劳动合同范本网推怎么做
  • h5用什么网站来做蛋糕网站建设
  • 怎么制作网站的二维码手机微网站怎么制作
  • 温州市网站建设网站开发合同里的坑
  • wordpress作企业网站好吗html简单网页代码课程表
  • 已认证网站服务费怎么做做交易网站需要用到的软件
  • 做公众号编辑用什么网站王也平
  • 专业零基础网站建设教学服务中国最好网站建设公司排名
  • 淘宝客网站一般用什么做的网站开发流程图和
  • 重庆铜梁网站建设报价沈阳开发网站公司哪家好
  • 南宁制作企业网站vk汉化网站谁做的
  • 做网站鼎盛徐州关键词优化排名