给娃娃做衣服卖的网站,企业网址怎么做,构建网站需要什么意思,好的室内设计网站推荐注释很详细#xff0c;直接上代码 上一篇 新增内容#xff1a; 1.组件属性变量的定义 2.组件属性变量的默认状态 3.组件属性变量的传递方法 解释一下为什么是父传子#xff0c;因为组件是页面的一部分#xff0c;数据是从页面传递到组件的#xff0c;所以是父传子#xf… 注释很详细直接上代码 上一篇 新增内容 1.组件属性变量的定义 2.组件属性变量的默认状态 3.组件属性变量的传递方法 解释一下为什么是父传子因为组件是页面的一部分数据是从页面传递到组件的所以是父传子以免和下一篇的子传父混淆 源码 myNav.js //位于js的第一级中/*** 组件的属性列表*/properties: {//字段名back:{//类型type:Boolean,//值value:false}}myNav.wxml
view classnavigationBar custom-class stylepadding-top: {{test}}px;view classnavigationBarTitle title-class//当back为真时才会出现“返回”//navigateBack可以实现返回上一级navigator classback wx:if{{back}} open-typenavigateBack返回/navigator123/view
/view myNav.wxss
.navigationBar{background-color: cornflowerblue;height: 80rpx;display: flex;justify-content: center;align-items: center;position: relative;
}.navigationBarTitle{font-weight: bold;
}
.back{//因为上一级已经设置居中这样配置可以让选择出现的组件出现在左上角position: absolute;left: 20rpx;
}form.wxml
//这里传值true
//注意传值的形式如果是false则表示的是字符串
myNav custom-classcolor-pink back{{true}}
/myNav效果演示
