111
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
// components/navBar.js
|
||||
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
externalClasses:['myclass'],
|
||||
properties: {
|
||||
navName: {
|
||||
type: String,
|
||||
value: "",
|
||||
observer(newval) {
|
||||
this.setData({
|
||||
name: newval,
|
||||
});
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
name:''
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
goBack(){
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
fail:function(){
|
||||
wx.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "@vant/weapp/icon/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
<!--components/navBar.wxml-->
|
||||
<view class="ui-navigatorbar myclass" >
|
||||
<van-icon name="arrow-left" bindtap="goBack" class="ui-navigatorbar-back" />
|
||||
<view class="ui-title">{{name}}</view>
|
||||
</view>
|
||||
@@ -0,0 +1,36 @@
|
||||
/* components/navBar.wxss */
|
||||
.ui-navigatorbar {
|
||||
position: fixed;
|
||||
z-index:99;
|
||||
top: 0;
|
||||
width: 750rpx;
|
||||
height: 172rpx;
|
||||
background: #FFFFFF;
|
||||
backdrop-filter: blur(20px);
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ui-navigatorbar-back {
|
||||
position: absolute;
|
||||
padding-left:40rpx;
|
||||
padding-right:40rpx;
|
||||
|
||||
left: 0rpx;
|
||||
font-size: 40rpx;
|
||||
bottom: 20rpx;
|
||||
}
|
||||
|
||||
.ui-title {
|
||||
position: absolute;
|
||||
width: 350rpx;
|
||||
height: 88rpx;
|
||||
line-height: 56rpx;
|
||||
font-size: 36rpx;
|
||||
white-space: nowrap;
|
||||
color: #000000;
|
||||
bottom: 0;
|
||||
left: 200rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user