02. 自定义底部导航按钮,演示了凸出定位按钮布局; 03. 实现页面主体切换、底部导航动态切换逻辑; 兼容平台 H5APP小程序NVUE ✔✔✔✔ 相关样式 /* 皮肤内定义 *//* 默认导航颜色 */.gui-nav-bottom-color{color:#B6C3D2;}/* 选中导航颜色 */.gui-nav-bottom-active-color{color:#2B2E3D;}/* ...
提交按钮组件介绍 01. 提交按钮组件专为表单提交打造,组件本身提供了交互动画、成功提示、失败提示等数据提交相关的过程展示。02. 提交按钮依然使用原生按钮为基础,但对原生按钮进行了隐藏,实现了多平台按钮样式统一的目标。 组件名称 gui-submit-button : /graceUI/组件目录/gui-submit-button 兼容平台 H5 APP 小...
是的，GraceUI存在。GraceUI是一种用户界面框架或组件库，主要用于设计和开发具有优雅外观和流畅用户体验的Web应用程序。它可能包含一系列预先设计的界面元素，如按钮、表单、导航栏等，同时也提供一套完整的开发工具和响应式布局，以确保在各种设备和浏览器上都能提供良好的视觉效果和功能。开发者可以便捷地...
08. 局部选项卡 09. 全屏选项卡 10. 滚动公告 11. 星级图标 12. 折叠面板 13. 按钮组件 14. Loading 组件 15. 全屏 Loading 16. 数字角标 17. 标题、更多、换一批 18. 横向公告 19. 底部导航 20. 表单组件 21. 弹出式广告 22. 内置图标及图标扩展 22个基础常用组件,11个界面库(持续更新中 ) 大...
今日份UI拆解【购物财务手机应用】,Grace SaraswatiGOOD1.蓝紫色调传递出产品年轻、鲜活的特点,巧妙地用在背景上,增加了品牌感。2.圆角卡片承载了内容信息,规整有序。3.排版方式灵活,让页面展示更加丰富。4.留白充足,保证了清晰、清爽的视觉体验。BAD1.形状造型:左页面中的椭圆矩形按钮,操作意图不明确,容易增肌用户...
GracePage是一个封装了page功能的页面布局组件,有自定义导航栏,自定义底部导航栏和浮动按钮等功能,使用了slot,方便使用。 使用方法: 引用和声明组件 在page的最外层使用<pageGrace></pageGrace> pageGrace 属性列表 customHeader:{type:Boolean,default:true}// 是否开启自定义导航headerHeight:{type:Number,default:...
格子效果(会自动换行) 2.普通列表 分为3个部分:左侧图标(grace-list-image),主体(grace-list-body),右侧按钮(grace-list-arrow-right) 主体分为2个部分:标题(grace-list-title)和主体文字(grace-list-body-text) 标题分为2个部分:主文字(grace-list-title-text)和副文字(grace-list-title-desc) ...
一、此音乐伴奏价格为 20元 金币,歌名为 《O Holy Night - Point Of Grace》,伴奏下载的格式为 MP3。 二、本站所有伴奏都提供完整的加广告的在线试听,点击【试听】按钮,即可在线播放试听,实际下载的效果和试听的效果一样,除了没有广告声。如不能播放,可刷新重试或者换个浏览器,或联系客服。 三、特别说明:试...
GraceUI 点选按钮GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时,请先进行重新编译,重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~graceCheckBtn 组件介绍graceCheckBtn 区别于原生的 checkBox 或者 radio,...
GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时,请先进行重新编译,重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~graceUI - 系统信息工具 graceUI/jsTools/systemInfo.js 复制代码 info 函数功能 获取...