老师这里代码如果是true的话是不是就是里面变成这样class="loading loading-inline':‘’''

老师这里代码如果是true的话是不是就是里面变成这样class="loading loading-inline':‘’''

https://img1.sycdn.imooc.com/climg/6628fef009aefadc05400226.jpg

可是这和loading.css里面的样式有什么关系,为什么这个模版不设置在css里面,可以讲一下原理吗

正在回答 回答被采纳积分+1

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

1回答
好帮手慕小李 2024-04-25 09:47:01

同学你好,解答如下:

https://img1.sycdn.imooc.com/climg/6629b5f4094e1ad210310380.jpg

{{inline? "loading-inline" : "" }} 这是js表达式,它叫三元表达式。

其中的inline是个变量(也就是说外面传递的是真或者是假它作为那个变量)如果inline是真那么

inline 是 true 则

class="loading loading-inline"

inline 是 false 则

class="loading"


那么在回头来看inline? "loading-inline" : ""   其中inline是真那么就会留下冒号前面的,否则就会留下后面的(这里后面的是空字符串那么class = " loading "" " 但这里空字符串并没有意义,所以就会变成class="loading")


那么loading-inline它既然存在它总得有样式,那么老师就在loading.css中给loading-inline写了个样式:

https://img1.sycdn.imooc.com/climg/6629b60f0915513405940459.jpg

这段代码是指在loading-inline下的loading-indocator和loading-text它们的diplay属性为inline-block从而实现图片与文字能在一行展示。

同学在看看,这里很好理解的。

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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