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

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

相关文章
|
存储 前端开发 JavaScript
实现一个简单的JavaScript日期选择器
实现一个简单的JavaScript日期选择器
|
安全 数据库
通过E-R理解 主键和外键的关系
实例 现有课程和教师两个实体,课程实体的属性有课程名称、课程编号、课程属性、考试类型;教师实体的属性包括姓名、工号、职称;一门课程可以有多个教师,且每一位教师可以教授多门课程。教师每教授一门课有课序号。
6592 1
通过E-R理解 主键和外键的关系
|
Dart 微服务
dart中使用protobuf
dart中使用protobuf
|
算法 数据库 存储
概要设计与详细设计的区别
概要设计与详细设计的区别     概要设计就是设计软件的结构,包括组成模块,模块的层次结构,模块的调用关系,每个模块的功能等等。同时,还要设计该项目的应用系统的总体数据结构和数据库结构,即应用系统要存储什么数据,这些数据是什么样的结构,它们之间有什么关系。
13498 0
|
开发框架 .NET PHP
*****正则表达式匹配URL
最近将匹配URL的正则替换了下 之前的是: ((http|ftp|https)://)(([a-zA-Z0-9\._-]+\.[a-zA-Z]{2,6})|([0-9]{1,3}\.[0-9]{1,3}\.
6621 0
|
存储 JavaScript 前端开发
JavaScript输入输出、变量、数据类型
JavaScript输入输出、变量、数据类型
472 0
JavaScript输入输出、变量、数据类型
|
SQL 安全 IDE
重学 Kotlin —— object,史上最 “快” 单例 ?
重学 Kotlin —— object,史上最 “快” 单例 ?
重学 Kotlin —— object,史上最 “快” 单例 ?
|
设计模式 算法 Java
【白话设计模式】23种设计模式一句话通俗讲解,女朋友都能听懂(导航篇)
哈喽,大家好,我是一条。 【白话设计模式】正式开篇,共23种设计模式每个都用大白话+图解给大家讲明白,之后再举例说明业务场景,真正做到学以致用。 本篇是导航篇,主要是介绍设计模式和23设计模式的一句话解读。
527 0
|
Web App开发 Java 数据格式
Spring项目的配置文件们(web.xml context servlet springmvc)
我们的spring项目目前用到的配置文件包括1--web.xml文件,这是java的web项目都必须有的,我理解它是servlet的配置文件,也就是说,与spring无关。即使你开发的是一个纯粹jsp页面的web项目,你也必须配置这个文件。
5006 0