- 微信小程序開(kāi)發(fā)一定要設(shè)置實(shí)際寬度
- 使用images一定設(shè)置寬-
- 使用背景圖片(
background-image)需要引入線上鏈接http... - 注意判斷類型
<text class="video_title">
{{lisVidindex !=='' ? listData[lisVidindex].name:'暫無(wú)視頻'}}
</text>
注意：捣鲸！=’‘和指么！==’‘的結(jié)果不同桦锄，!=’‘會(huì)把0也包含在內(nèi)嘀趟，讓你損index=0的數(shù)據(jù)
自定義微信小程序的swiper
通過(guò)改變當(dāng)前的current--當(dāng)前所在滑塊的 index來(lái)實(shí)現(xiàn)订雾！其他功能相同原理区岗！網(wǎng)頁(yè)版樣式變化一般通過(guò)jq添加類或者動(dòng)畫(huà)炬守，微信小程序不能使用jq侍芝，所以通過(guò)布爾值控制狀態(tài)來(lái)添加類名研铆，需要、動(dòng)畫(huà)可以使用@key關(guān)鍵幀
{{iszfmodal?'mdlbox_show':'mdlbox_hide'}}獲取最新的數(shù)據(jù)使用this.setdata()的回調(diào)函數(shù)/this.setdata()異步問(wèn)題
this.setData({
//...
},() => {你獲取最新數(shù)據(jù)要干的事情州叠、調(diào)去某個(gè)函數(shù)}
})
- 點(diǎn)擊切換動(dòng)畫(huà)
A :原理：利用this.setdata()的回調(diào)函數(shù)和定時(shí)器改變布爾值來(lái)增加刪除類名從而達(dá)到效果
/* 動(dòng)畫(huà) */
//xx.wxss
.antonaimate需要加的動(dòng)畫(huà){
opacity: 0;
transform: translateX(-40rpx) !important;
/* transition: all 0.3s linear; */
}
.tab_item_content需要加動(dòng)畫(huà)的類{
transform: translateX(0);
transition: all 0.3s linear;
}
// xx.wxml
<view class="tab_item_content {{isopacity?'antonaimate':''}}">
一些需要?jiǎng)赢?huà)的內(nèi)容
</view>
//xx.js
onChangCyTab(optain){
let that = this;
that.setData({isopacity:true},()=>{
setTimeout(()=>{ that.setData({isopacity:false})},500);
//改變文案棵红、手機(jī)展示、小tab選項(xiàng)
})
},
- 微信小程序 border-radius overflow不生效
//其實(shí)就是兼容問(wèn)題
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
video控件屬性不起作用（查了好多帖子qaq）
如：微信小程序video隱藏狀態(tài)欄
需要在xx.js的data里設(shè)置屬性的變量值再賦值過(guò)去,直接在wxml里寫(xiě)屬性值如false無(wú)效微信小程序禁止page或者其他標(biāo)簽滾動(dòng)
//xx.js
//禁止page滾動(dòng)咧栗，給你調(diào)用的函數(shù)方法加
wx.setPageStyle({
style: {
overflow: 'hidden'
}
})
//xx.wxml
//禁止不含滾動(dòng)需求的標(biāo)簽滾動(dòng)逆甜，給標(biāo)簽加行內(nèi)屬性
<view catchtouchmove="ture">
- 在微信小程序內(nèi)獲取一個(gè)標(biāo)簽的值：通過(guò)給該標(biāo)簽綁定屬性
data-xxx=''，然后在點(diǎn)擊時(shí)通過(guò)點(diǎn)擊對(duì)象e致板，來(lái)獲取這個(gè)值
<view data-xxx="{{item.title}}" bindtap="goPage">{{item.title}}</view>
//xx.js
goPage(e){
console.log(e,'ppp')
let value = e.currentTarget.dataset.xxx;
}
- 獲取swiper輪播變動(dòng)后當(dāng)前current值
給swiper添加該方法bindchange
- 用變量設(shè)置style的值,或者變量需要通過(guò)計(jì)算得出style的值
<view style="width:{{comment_list.avg_fenshu*20}}%;"></view>
- wx:for 控制循環(huán)的個(gè)數(shù)
<view wx:for="{{list}}" wx:if="{{index <3}}" wx:key="index">
</view>
- 頁(yè)面切換更換頭部標(biāo)題
wx.setNavigationBarTitle({
title: 'xxxxx公司' //頁(yè)面切換交煞，更換頁(yè)面標(biāo)題
})
- 換行符
微信小程序里換行符不管用，需要使用\n和style="white-space: pre-wrap;"
//eg
<view style="white-space: pre-wrap;">
左\n滑\n查\n看\n全\n部
</view>
- 標(biāo)簽含有多個(gè)情況的判斷 全用wx：if斟或，不用else
