You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
1.8 KiB
97 lines
1.8 KiB
2 years ago
|
Component({
|
||
|
|
properties: {
|
||
|
|
background: {
|
||
|
|
type: String,
|
||
|
|
value: "rgba(255, 255, 255, 1)",
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
value: "rgba(0, 0, 0, 1)",
|
||
|
|
},
|
||
|
|
titleText: {
|
||
|
|
type: String,
|
||
|
|
value: "",
|
||
|
|
},
|
||
|
|
titleImg: {
|
||
|
|
type: String,
|
||
|
|
value: "",
|
||
|
|
},
|
||
|
|
backIcon: {
|
||
|
|
type: String,
|
||
|
|
value: "",
|
||
|
|
},
|
||
|
|
homeIcon: {
|
||
|
|
type: String,
|
||
|
|
value: "",
|
||
|
|
},
|
||
|
|
fontSize: {
|
||
|
|
type: Number,
|
||
|
|
value: 16,
|
||
|
|
},
|
||
|
|
iconHeight: {
|
||
|
|
type: Number,
|
||
|
|
value: 19,
|
||
|
|
},
|
||
|
|
iconWidth: {
|
||
|
|
type: Number,
|
||
|
|
value: 58,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
attached: function () {
|
||
|
|
var that = this;
|
||
|
|
that.setNavSize();
|
||
|
|
that.setStyle();
|
||
|
|
},
|
||
|
|
data: {},
|
||
|
|
methods: {
|
||
|
|
// 通过获取系统信息计算导航栏高度
|
||
|
|
setNavSize() {
|
||
|
|
var that = this,
|
||
|
|
sysinfo = wx.getSystemInfoSync(),
|
||
|
|
statusHeight = sysinfo.statusBarHeight,
|
||
|
|
isiOS = sysinfo.system.indexOf("iOS") > -1,
|
||
|
|
navHeight;
|
||
|
|
if (!isiOS) {
|
||
|
|
navHeight = 48;
|
||
|
|
} else {
|
||
|
|
navHeight = 44;
|
||
|
|
}
|
||
|
|
that.setData({
|
||
|
|
status: statusHeight,
|
||
|
|
navHeight: navHeight,
|
||
|
|
});
|
||
|
|
return statusHeight + navHeight
|
||
|
|
},
|
||
|
|
setStyle() {
|
||
|
|
var that = this,
|
||
|
|
containerStyle,
|
||
|
|
textStyle,
|
||
|
|
iconStyle;
|
||
|
|
containerStyle = ["background:" + that.data.background].join(";");
|
||
|
|
textStyle = [
|
||
|
|
"color:" + that.data.color,
|
||
|
|
"font-size:" + that.data.fontSize + "px",
|
||
|
|
].join(";");
|
||
|
|
iconStyle = [
|
||
|
|
"width: " + that.data.iconWidth + "px",
|
||
|
|
"height: " + that.data.iconHeight + "px",
|
||
|
|
].join(";");
|
||
|
|
that.setData({
|
||
|
|
containerStyle: containerStyle,
|
||
|
|
textStyle: textStyle,
|
||
|
|
iconStyle: iconStyle,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
// 返回事件
|
||
|
|
back() {
|
||
|
|
// wx.navigateBack({
|
||
|
|
// delta: 1,
|
||
|
|
// });
|
||
|
|
this.triggerEvent("back", { back: 1 });
|
||
|
|
},
|
||
|
|
home() {
|
||
|
|
this.triggerEvent("home", {});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|