一:項目實踐
分享者:士兵-nudt,來自原文地址
有tabBar的頁面用switchTab進行跳轉(zhuǎn),沒有tabBar的頁面用navigateTo進行跳轉(zhuǎn)。
我們可以將一些公共的代碼抽離成為一個單獨的 js 文件,作為一個模塊。模塊只有通過 module.exports 或者 exports 才能對外暴露接口。
import可以在該文件中使用目標(biāo)文件定義的template。但是要注意import沒有傳遞性,即:C import B,B import A,在C中可以使用B定義的template,在B中可以使用A定義的template,但是C不能使用A定義的template。
include可以將目標(biāo)文件除了的整個代碼引入,相當(dāng)于是拷貝到include位置。
使用@import語句可以導(dǎo)入外聯(lián)樣式表,@import后跟需要導(dǎo)入的外聯(lián)樣式表的相對路徑,用;表示語句結(jié)束。
swiper組件使用時,無法設(shè)置圖片大小等。


以上設(shè)置都是無效的。

這種設(shè)置有效。
Picker和picker-view的區(qū)別在于一個從底部彈出,一個直接嵌入頁面內(nèi)部


此處即為navigate和redirect的區(qū)別:


切換頁面時傳遞參數(shù)的方法:
變量的聲明可以在pages外部(全局變量)、在pages內(nèi)部時可以在data內(nèi)部也可以在data外部。

二:開發(fā)中CSS錯誤集合
分享者:Fenchow,來自原文地址
1.在flex布局中,如果子元素也加上display:flex的css樣式,會導(dǎo)致子元素中的文字不能居中
-
<view class="board">
-
<view class="item">
-
<text class="item-text">開發(fā)</text>
-
</view>
-
<view class="item">
-
<text class="item-text">開發(fā)</text>
-
</view>
-
<view class="item">
-
<text class="item-text">開發(fā)</text>
-
</view>
-
<view class="item">
-
<text class="item-text">開發(fā)</text>
-
</view>
-
<view class="item">
-
<text class="item-text">開發(fā)</text>
-
</view>
-
<view class="clear"></view>
-
</view>
-
.board{
-
display: flex;
-
width:750rpx;
-
border:1px solid #ddd;
-
height:100rpx;
-
-
}
-
.item{
-
display: flex;
-
border:1px solid #ddd;
-
width:146rpx;
-
height:100rpx;
-
text-align:center;
-
line-height:100rpx;
-
-
}
2.為text的類中寫寬高樣式是不起作用的,倒是適合寫一些和text有關(guān)的效果,比如color、font-size、font-weight、font-family
-
.left-text{
-
font-size:40rpx;
-
color:8d8989;
-
font-family:Microsoft Yahei;
-
}
|