×

ant design vue官网 框架

ant-design官方只支持哪个框架?如何搭建自动化测试框架python+selenium

admin admin 发表于2022-06-17 00:01:52 浏览267 评论0

抢沙发发表评论

ant-design官方只支持哪个框架


AntDesign官方只支持前端框架。

AntDesign是一个ui框架,和bootstrap一样是ui框架。 里面的组件很完善,开发中后台系统非常方便。 分别基于react、vue、angular框架,各自开发了一套AntDesign的UI框架。

一、通用组件。

1、Button 按钮。

2、Icon 图标。

3、Typography 排版: 这个是文案的排版。

二、布局。

1、Grid 栅格:24 栅格系统,和  bootstrap中的12栅格系统一样的功能。

a、《Row gutter={16}》,给Col 组件之间 添加16像素的间距【原理和bootstrap差不多】。他们之间的间距是以padding撑出来的,所以在 Col 组件上不要使用背景色,最好其它的样式都不要设置吧。-ant design vue官网

b、两种栅格系统【基础栅格、flex栅格布局】。

2、Layout布局:这个是针对  页面级整体布局。

数据录入看官方文档:

1、AutoComplete自动完成。

2、Checkbox多选框。

3、Cascader级联选择 。


如何搭建自动化测试框架python+selenium


1) 创建一个足够大的文件
dd if=/dev/zero of=/localdisk/swapfile bs=1024 count=
(count的值等于1024 x 你想要的文件大小, 是4G)

2) 把这个文件变成swap文件.
mkswap /localdisk/swapfile

3) 启用这个swap文件
swapon /localdisk/swapfile

4) 在每次开机的时候自动加载swap文件, 需要在 /etc/fstab 文件中增加一行
/localdisk/swapfile swap swap defaults 0 0

5) 查看swap
cat /proc/swaps
-框架

几种常见网页布局设计


网页设计的布局有哪几种?
1.“国”字型:
网页设计也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2.拐角型:
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。

3.标题正文型:
这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

4.左右框架型:
这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。

5.上下框架型:
与上面类似,区别仅仅在于是一种上下分为两页的框架。

6.综合框架型:
上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。

7.封面型:
这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

8.Flash型:网页设计
其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。

9.变化型:网页设计
即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
-ant design vue官网