仿淘宝提问4

仿淘宝提问4

对scss这个东西完全不了解

  1. 首先是不是可以不用写index.scss文件,把scss前面的几个文件下划线去掉,需要哪个时候再分别的引入就行?

之所以其它文件用下划线,并把它们分别挂载到index.scss下,是不是仅仅是为了方便使用而已呢?

   2.里面的_base.scss/_container.scss/_icons.scss/_mixins.scss/_reset.scss/_tabbar.scss/_variable.scss

都干嘛用的,好乱

这里面的代码所对应的文件,以后工作中复用就行?还是需自己书写?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,关于你的问题,回答如下:

1、同学之前没有说:直接不加下划线,然后删除index.scss文件不就可以了吗,这个哦。

这样也是可以的,第一个回答中就说过,不加也可以,就会全部编译。虽然创建的时候少建立一个文件,但是编译的时候,会便于很多。这里就是不想编译那么多css文件,所以才添加的。

2、直接使用css也是可以的。scss只是一个css的预编译,用不用都行。

如果我回答帮助了你,欢迎采纳,祝学习愉快~

好帮手慕糖 2019-12-12 16:23:07

同学你好,关于你的问题,解答如下:

1、不是的。上个回答就说到了,“_”是表示不编译,不编译为css文件,这个文件是scss文件,会被编译为css文件,然后使用。添加上“_”就表示不编译了。当前这个不编译。但是其他文件中有引入这里。最后的index.scss中将这些都引入了,然后统一编译为css文件。

2、里面的scss都是最后会编译为css的呀,其实这里面都是提前声明的样式。

_base.scss、reset.scss是公共样式;

_variables.scss中设置的是层级、字体大小、颜色;

_tabbar.scss中设置的是tabbar这个组件中的样式;

_icons.scss是字体图片的样式;

_mixins.scss是flex布局的样式;

_containers.scss中是外层的大容器的样式;

3、没有那个技术里面必须用到,就是一个普通的scss语法,然后编译为css样式。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 看不穿繁华 #1
    我的意思是,直接不加下划线,然后删除index.scss文件不就可以了吗,这不就是自动编译了吗,这样少了一个文件不是更好吗? 怎么这么乱这里,不用scss直接使用css样式不行吗?
    2019-12-12 16:41:24
好帮手慕糖 2019-12-11 18:56:19

同学你好,关于你的问题,回答如下:

1、这里加“_”是表示不编译,不编译为css文件,因为是引入到其他文件中的,不需要全部编译。

不加也是可以的,但是不加就全部编译了,我们这里引入到其他文件编译就可以了,不需要全部编译,所以建议添加上。

2、每个对应的功能,是不一样的,比如_base.scss、reset.scss是公共的,_tabbar.scss是“tabbar”部分的,icons.scss是字体图标的。为了更好的区分,所以是分开写的。

3、公共的是可以使用的,但是其他具体的是不能的,因为设置的样式不一样,所以不能复用。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 看不穿繁华 #1
    1.前面加_表示为css文件?那直接命名的时候base.css不就好了吗? 2.主要我是不知道上面列举的这些scss都是干嘛的,_base.scss/_container.scss/_icons.scss/_mixins.scss/_reset.scss/_tabbar.scss/_variable.scss分别说下都是干嘛用的呗? 其中有哪些是scss这个技术里面必须用到的
    2019-12-12 10:49:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师