框架
一、view居中
.example{
display: flex;
justify-content: center; /*水平*/
align-items: center; /*垂直*/
}
wxml:
<view class="parent">
<view class="child">text1</view>
<view class="child">text2</view>
</view>
wxss:
.parent {
width: 60%;
height: 60%;
border: 1rpx solid red;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; //子view排序方向
}
注意:parent 的配置,是所有子view居于父view的居中,即如果想配置view相对于父view的居中,需要配置父view的css文件,而非 view本身。
调用组件内方法:通过id 初始化组件对象 调用组件内函数
自定义组件tabpage.js
/**
* 组件的方法列表
*/
methods: {
getProjectDatas(cid, page = 1) {
wx.request({
url: domain + `/project/list/${page}/json`,
data: {
cid: cid,
},
success:res=>{
// console.log(res.data.data.datas)
this.setData({
projectList:res.data.data.datas
})
// console.log(this.data.projectList)
}
})
},
},
调用页面
index.wxml
<tab-page id="tab-page" navData="{
{tabItem}}"></tab-page>
index.js
this.selectComponent("#tab-page").getProjectDatas(this.data.navDataList[cur]