Mockplus组件样式库一键解决风格复用

简介: 在Mockplus3.3版本中,新增了组件样式库,可以快速复用组件风格,同时可以将组件风格保存到库中。官网地址:https://www.mockplus.cn1.保存样式选中组件,设置好该组件的外观后,点击图中的加号,即可把组件当前的外观属性保存起来。

Mockplus3.3版本中,新增了组件样式库,可以快速复用组件风格,同时可以将组件风格保存到库中。

官网地址:https://www.mockplus.cn

1.保存样式

选中组件,设置好该组件的外观后,点击图中的加号,即可把组件当前的外观属性保存起来。


img_54f47ab744031ff515ac62f2fc299169.gif

2.应用样式

应用时,选中某个类型的组件后,右侧即会加载该类型组件的样式,点击对应的样式,即可把该样式设置到选中的组件上;


img_7d9e35cf4235ff0eb99e4173884906ab.gif

可以同时选中多个同类型的组件进行样式设置;

部分简单的组件是不支持样式的,如静态分类下的组件。


img_eb4019c4170f5a8c84f75ecafd144a1a.gif

3.删除样式

删除时,只需要把鼠标移动到该样式上,就会显示一个红色的删除按钮,点击即可删除;需要注意的是:只能删除自己添加的样式。


img_896b47d9b606742ce84e7b0dcdaa8423.gif

4.添加新的样式库

需要输入样式库名称及描述;

名称会显示到下拉框的位置;

描述用于对库进行一个简短说明,在管理样式库的时候可以看到。


img_6be07e031a5d21be3021558d83ad55ef.png

5.样式库的管理

名称前的圆点表示库的同步状态;

右侧按钮,分别表示:编辑样式库信息、同步该样式库、分享样式库、删除样式库;

列表各项其它信息为:作者、分享人数、备注。


img_f195a3b08889e52a06cc24ef2e68d666.jpe

6.分享样式库

可以添加或删除分享成员,成员来源为企业内部添加的成员账号;

可参考组件库的分享。


img_95b1b7b8c2f08364989934f7222fef7c.png

企业版的用户成员,还可以编辑共享的组件样式。

相关文章
|
4月前
|
移动开发
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
|
3月前
|
前端开发
什么是抽离样式模块如何使用
什么是抽离样式模块如何使用
26 0
|
3月前
|
API
【鸿蒙软件开发】ArkTS基础组件之Gauge(环形图表)、LoadingProgress(动态加载)
【鸿蒙软件开发】ArkTS基础组件之Gauge(环形图表)、LoadingProgress(动态加载)
|
5月前
|
前端开发 程序员
前端反卷计划-组件库-03-组件样式
前端反卷计划-组件库-03-组件样式
|
8月前
|
JavaScript 前端开发 C#
如何将现有的Blazor项目的主题切换写的更好看?
如何将现有的Blazor项目的主题切换写的更好看?
65 1
|
11月前
|
前端开发
Concis组件库 | 暗黑模式设计
Concis已开工半年时间,开源免费,欢迎大家体验、一起折腾。你可以通过以下方式来支持作者。
75 1
Concis组件库 | 暗黑模式设计
|
11月前
|
数据安全/隐私保护
ApeForms | WinForm窗体UI美化库(Metro扁平风格)演示与安装
ApeForms是一套基于WinForm框架免费的UI库,提供了丰富的Metro风格控件、针对WinForm开发中常见类型的扩展、通用Dialog/Notification的模板等。
303 0
ApeForms | WinForm窗体UI美化库(Metro扁平风格)演示与安装
|
前端开发 API Android开发
封装库/工具库中重要概念之字体图标
在前端开发中,使用图标是非常常见的需求。传统的图像格式(例如PNG和JPEG)虽然可以实现图标展示,但它们具有一些不足之处,如文件大小较大、缩放不清晰等等。字体图标则是一种新型的解决方案,它将图标以字符形式嵌入到Web页面中,并且具有矢量属性,因此可以无限缩放而不失真。在本文中,我们将探讨前端中一些常用的字体图标封装库和工具库。
76 0
|
前端开发 JavaScript UED
封装库/工具库中重要概念之动画
前端开发中,动画是一个非常重要的技术特性。它可以提升用户体验,增加页面交互性,并且让网站看起来更加生动活泼。然而,在实现复杂动画时,手写代码往往会变得繁琐且容易出错。因此,前端工具库和封装库的出现为我们提供了便利。在本文中,我们将探讨前端中的封装库和工具库以及它们在实现动画效果方面的作用。
74 0
antd组件库封装43-打造自己的色彩体系
antd组件库封装43-打造自己的色彩体系
53 0
antd组件库封装43-打造自己的色彩体系