This commit is contained in:
haomingming
2023-03-06 17:57:39 +08:00
parent 3794faceae
commit 1066e37c96
4230 changed files with 193453 additions and 0 deletions
+29
View File
@@ -0,0 +1,29 @@
// commpents/mynavbar/index.js
Component({
/**
* 组件的属性列表
*/
properties: {
navbarData: { //navbarData 由父页面传递的数据,变量名字自命名
type: Object,
value: {},
observer: function (newVal, oldVal) {}
}
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
_navback() {
wx.navigateBack()
},
}
})
+4
View File
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
+9
View File
@@ -0,0 +1,9 @@
<view class="container">
<view class="tui-navigatorbar">
<image wx:if="{{ navbarData.showCapsule==1 }}" class="tui-navigatorbar-back" bindtap="_navback" src="/TUIKit/static/assets/ic_back_white.svg" />
<view class="conversation-title">{{ navbarData.title }}</view>
</view>
<view class="box">
<slot></slot>
</view>
</view>
+39
View File
@@ -0,0 +1,39 @@
.container {
width: 100vw;
background-color: #ffffff;
}
.tui-navigatorbar{
position: fixed;
top: 0;
width: 750rpx;
height: 170rpx;
background-color: #bae46b;
z-index: 99;
}
.tui-navigatorbar-back{
position: absolute;
width: 48rpx;
height: 48rpx;
left: 40rpx;
bottom: 20rpx;
}
.conversation-title {
position:absolute;
width: 350rpx;
height: 88rpx;
line-height: 56rpx;
font-size: 36rpx;
color: #e68080;
bottom: 0;
left: 200rpx;
display: flex;
justify-content: center;
align-items: center;
}
.box{
width: 92vw;
margin: 170rpx auto 0 auto;
height: calc(100vh - 170rpx);
display: flex;
flex-direction: column;
}