多语言展示
当前在线:523今日阅读:168今日分享:49

scss怎么固定在底部

scss是一种css的扩展语言,兼容css;并且可以使用变量定义样式。那么,scss怎么固定在底部?
工具/原料
1

scss

2

vue

3

element

4

JavaScript

5

HBuilderX

6

截图工具

7

WPS

8

浏览器

方法/步骤
1

打开HBuilderX工具,下载和安装vue模板项目,并安装依赖包

2

在components文件夹下,新建vue文件,输入文件名,然后点击创建

3

标签下,插入一个div,然后内层添加一个放置内容的div标签,还有一个底部标签footer

4

在style标签中,利用类选择器,设置相关元素的样式

5

打开App.vue文件,导入Footer组件,然后在界面上引用

6

保存代码并运行vue项目,打开浏览器访问地址,查看界面显示效果

7

调整中间内容,使用calc计算底部和中间占比,然后保存查看效果

总结

1、下载和安装vue项目2、新建vue项目并插入3、利用选择器设置样式4、导入组件文件并引用5、保存代码并运行查看END

注意事项
1

注意scss怎么固定在底部

2

注意scss和css的区别

推荐信息