留言模块功能集成

留言提交按钮参数说明 属性名 默认属性值 必须 属性说明 data-provider post-message 是 Javascript识别留言提交的唯一标识,不可更改 data-target msg-@GetHashCode() 是 留言提交成功后,显示信息的元素ID data-process P

视频模块功能集成

1.视频使用 1.引用核心JS和CSS文件 2.系统参数 参数 属性值 说明 data-provider video 必须,视频集成唯一标识 data-mode auto / responsive / fill /none 如果设置为auto模式,播放器将尝试css样式中的max-width和max

系统内置字体图标

文件说明 B2BCMS前端核心框架内置104个常用字体图标 文件位置:/plugins/fonts/cmsfont2.woff2 字体名称:CmsFont 使用方法 引用核心CSS文件后 1.CSS Class方式: <i class="icon icon-tiktok"></i&

菜单导航效果

粘性定位特效(sticky) 当页面滚动时,可以让元素在滚动过程中“粘”在屏幕上的某个位置,当滚动区域大于目标元素区域时,目标元素将粘贴在页面固定位置不再随页面滚动(fixed状态),反之则随页面滚动(static状态)。 css通过position:sticky实现粘性定位,但无法在实现定位的同时

图片轮播组件开发

系统轮播组件基于swiper 深度定制(保留源程序所有的参数调用形式),采用参数配置替代手写编程代码形式,以实现各种轮播滚动效果,该方式可适配绝大多数情况下轮播效果 代码结构与源网站形式保持一致 属性列表 属性名 说明 默认值 官网对应 data-ident 轮播组件ID,同一页面多个轮播ID必须唯

CSS变量

-变量名称 说明 --container-width div宽度 --body-font-family 网站默认字体 --title-font-family 网站标题字体 --body-font-size 网站默认字体大小 --body-color 网站默认字体颜色 --body-line-heig

CSS过渡动画

CSS动画说明 动画效果可以为我们的网站或应用程序在页面载入时添加各种炫酷(如图片/文字在页面载入时偏移,淡入,缩放)的效果 友情提示:过度使用动画效果会降低页面性能 参数列表 属性名称 功能说明 默认值 data-animated 定义一个动画 无,必须 data-countup 定义一个数字累加

Tab选项卡

点击切换 移动切换 可以在button上面添加data-hover属性实现移动切换效果 循环分类介绍 <div class="home-overview"> <div class="container-xl"> <div class="row"> <div

图片&视频延迟加载 (Lazyload)

延迟加载又称为惰性加载,懒加载,是一种将资源标识为非阻塞(非关键)资源并仅在需要时加载它们的策略,可以缩短页面加载时间,延迟加载特性以及对Google Page speed的相关知识,请参考以下第三方权威链接: Google web.dev:https://web.dev/i18n/zh/lazy-