在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue里面slot樣式不生效

vue里面slot樣式不生效

問(wèn)題描述

1.在插槽里面的內(nèi)容樣式不生效

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

**第一次更新：
插槽樣式的代碼在子組件里不生效，但是寫在父組件的樣式里就能生效**

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）
子組件代碼
<template>

<transition name="slider">
    <div class="about" ref="subtips">
        <m-header :canreturn=true :titleText="titleText" :type=8 :backType=2 @back='hide'></m-header>
        <div class="infobox">
            <slot>
            </slot>
        </div>
    </div>
</transition>

</template>

<style scoped lang="stylus" rel="stylesheet/stylus">

.about {

position: fixed;
width: 100%;
top: 0;
bottom: 0;
background: #ffffff;
z-index: 5;

.infobox {
    padding: 0 15px;

    .title {
        color: red;
    }
}

}
</style>

父組件代碼
<tips>

      <div class="title">答題規(guī)則</div>

</tips>

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

在插槽里插入了一個(gè)標(biāo)題class="title";
在子組件里也定義了title的css樣式、 但是樣式不生效

回答
編輯回答
澐染

F12打開定位到元素上看看樣式是否作用到元素上了，另外是不是被其他樣式覆蓋了

2017年1月22日 18:13
編輯回答
痞性

slot里的東西是屬于父組件的，當(dāng)然要在父組件里寫樣式
要么你在infobox寫一些能繼承的樣式
要么你組件分割的就不對(duì)，你怎么知道別人用tip一定會(huì)傳進(jìn)來(lái)一個(gè)class為title的元素？
如果你要求必須傳一個(gè)class="title"的元素，那你為什么不把class="title"寫在子組件里

<div class="title"><slot/></div>

<tips>答題規(guī)則</tips>
2018年8月6日 23:32
編輯回答
焚音

sorry,頭一次遇到stylus預(yù)處理器。
先看下有沒(méi)有安裝相應(yīng)的loader吧

2017年5月2日 00:02
編輯回答
笨笨噠

?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o????????????????????????????????????????????????????????????????????????

2018年4月1日 01:16