如果想開發(fā)時候在哪個頁面较剃∧鹫ǎ可以在編譯器的頂部修改啟動頁面糙申。
image.png
樣式說明叨叙。
.info .detail {
display: flex;
justify-content: space-between;
margin: 0 30rpx;
border-bottom: 1px solid #ddd;
height: 80rpx;
line-height: 80rpx;
font-size: 16px;
}
設(shè)置固定的頂部位置
position: fixed;
top:0
文字不換行
font-size: 28rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
100vh高度上的百分比。
如果js對象返回{},則可用undefined == options.title來判斷堪澎。
box-shadow
和Android 類似 offset-x 是橫向方向擂错，offset-y是豎直方向的。
box-shadow: offset-x offset-y blur spread color inset;
box-shadow: 3px 4px 4px #888888;
- offset-x：必需樱蛤，取值正負(fù)都可钮呀。offset-x水平陰影的位置
- offset-y：必需，取值正負(fù)都可昨凡。offset-y垂直陰影的位置爽醋。
- blur:可選，只能取正值便脊。blur-radius陰影模糊半徑蚂四，0即無模糊效果，值越大陰影邊緣越模糊哪痰。
- spread：可選遂赠，取值正負(fù)都可。spread代表陰影的周長向四周擴(kuò)展的尺寸晌杰，正值跷睦，陰影擴(kuò)大，負(fù)值陰影縮小肋演。
- color:可選抑诸。陰影的顏色。如果不設(shè)置爹殊，瀏覽器會取默認(rèn)顏色蜕乡，通常是黑色，但各瀏覽器默認(rèn)顏色有差異梗夸，建議不要省略异希。可以是rgb(250,0,0)绒瘦，也可以是有透明值的rgba(250,0,0,0.5)称簿。
- inset:可選。關(guān)鍵字惰帽，將外部投影(默認(rèn)outset)改為內(nèi)部投影憨降。inset 陰影在背景之上，內(nèi)容之下该酗。
page：
默認(rèn)設(shè)置整個頁面的顏色
page{
background-color: #faf6f3
}
可能會導(dǎo)致布局文件顯示錯位授药，空出一行士嚎。
<text>誅仙1(2019)</text>
如果改為這樣
<text>
誅仙1(2019)
</text>
小程序文本縮進(jìn)
text-indent: 1cm
view class="movie-introduce-detail" style="text-indent:2em">
<text>草廟村被屠，少年張小凡雙親離世悔叽，被青云門大竹峰收留莱衩。機(jī)緣巧合之下，他習(xí)得佛門天音功法娇澎，又意外獲得魔教法器燒火棍笨蚁，踏上強(qiáng)者之路的同時，也讓他陷入了巨大的危機(jī)趟庄。至魔法器的現(xiàn)世括细，與陸雪琪、碧瑤戚啥、田靈兒三個女生間命運(yùn)的交錯奋单，都讓他原本單純的人生軌跡充滿變數(shù)。一個勇者駁斥命運(yùn)的傳奇之旅就此展
</text>
</view>
```'
##### 小程序的分享（轉(zhuǎn)發(fā)）
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html
##### 組件樣式
可使用 `:host` 選擇器
:host {
color: yellow;
}
##### 頁面和組件之間的數(shù)據(jù)傳遞
頁面
my-component prop-a= "{{testA}}" prop-b= "{{testB}}"
propC = "{{testC}}"
<!-- 這部分內(nèi)容將被放置在組件 <slot> 的位置上 -->
<view>這里是插入到組件slot中的內(nèi)容</view>
</my-component>
組件
/**
- 組件的屬性列表
*/
properties: {
propA:String,
propB:String,
propC:String
}
<view>{{propA}}</view>
<view>{{propC}}</view>
##### 組件的生命周期
``` created attached detached ```
lifetimes:{
created: function(){
console.log("created")
},
attached:function(){
console.log("attached")
},
detached:function(){
console.log("detached")
}
}
##### 組件所在頁面的生命周期
pageLifetimes:{
show:function(){
console.log("show")
},
hide:function(){
console.log("hide")
},
resize:function(){
console.log("resize")
}
}
##### 內(nèi)置behaviors
[https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html)
` behaviors: ['wx://form-field']` 可以識別表單內(nèi)的單個表單控件猫十。
`behaviors: ['wx://form-field-group']` 可以識別表單內(nèi)的所有表單控件览濒。
