视频弹幕设计网站08-------video样式

简介: 视频弹幕设计网站08-------video样式


“希望你喜欢我的内容,记得关注我哦!我会继续为大家带来更好的作品!”

1、上一节我们把视频放到中间

2、上一节,我们把他放一半的弹幕,一般的视频

3、下面的是发送弹幕的内容,点击弹幕之后,就能把数据库发送到弹幕中

4、让他浮动在最左侧

5、让表单浮动在最右侧

6、视频文件放这里,弹幕文件放这里

7、这里我们要用Element-ui的表格

8、粘贴到我们表单域中的位置

9、在我们的main的vue中,我们把改为color

10、这里color的数据我们就将他改变了

11、找到我们的video,我们只需要两个栏

12、给他改一下弹幕内容

13、测试时间,测试弹幕2,我们把他放到数据库里就可以弹幕显示了

14、你按这个样式写的话,他就会是一个你点击一下,他就会把所有的内容全部收回去

15、那么我们可以看一下表单,因为我们要利用好自己的表单,将数据提交上去,后台就可以接受我们的数据

16、el-form 写moudle

17、

18、弹幕的具体数据

19、这里是表单的详细数据

20、最好的顺序是一模一样的

21、把表单数据填写上

22、首先提交第一个数据框

23、我们提交一个东西,就可以提交一个东西

24、

25、添加一个宽度

26、配置多少是刚好的

27、点击绑定事件,能够发送数据

28、

29、这个东西表示你不用点击,直接回车就能够发送数据

30、 这里的效果框没有写

31、点击发送,comment要相同,才能够完成校验

32、复制一下提交的所有的内容

这里是复制的内容

33、这里是调整颜色的配置

34、找到我们颜色的选择器

35、找到我们的颜色选择器

36、这里改为send.form

37、颜色的选择器跟我在同一行

38、要想改成同一个属性,给他inline属性

39、样式呈现出来了

40、设置最小缩放的尺寸

41、这里缩放的框,最小缩放框到多少,就得到多少数据



相关文章
|
6月前
|
前端开发
Web前端---表格和表单
Web前端---表格和表单
72 1
|
6月前
|
前端开发
web前端---------网页中的选项
web前端---------网页中的选项
64 0
|
6月前
|
JavaScript
网页开发基础-----图片与超链接
网页开发基础-----图片与超链接
44 0
|
6月前
|
前端开发 数据安全/隐私保护
web前端----------网页中的输入框
web前端----------网页中的输入框
181 0
|
6月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
70 0
|
编解码 移动开发 前端开发
前端【响应式图片处理】之 【picture标签】
前端【响应式图片处理】之 【picture标签】
122 0
|
5月前
|
数据库
视频弹幕设计网站10-----弹幕列表信息获取
视频弹幕设计网站10-----弹幕列表信息获取
视频弹幕设计网站10-----弹幕列表信息获取
|
5月前
|
前端开发 JavaScript
视频弹幕设计网站07-----------创建video
视频弹幕设计网站07-----------创建video
|
5月前
|
前端开发 JavaScript
视频弹幕设计网站04--------header样式
视频弹幕设计网站04--------header样式
|
6月前
|
Python
小项目 | 基于 Pygame 自制一个背景优美的 MP3 播放器
小项目 | 基于 Pygame 自制一个背景优美的 MP3 播放器
小项目 | 基于 Pygame 自制一个背景优美的 MP3 播放器