li
5f40e4e1b5
- 移除秒合约页面及UI - 合约页Tab改为Position Held/Transaction Record - 存款/提款/转账页增加BTC/ETH - 资产页重构(用户信息+盈亏+多语言) - 注册页改版(匹配新设计稿) - 日文全面翻译+首页菜单多语言 - 代理专属注册链接支持(?code=) - 10个locale文件同步更新
139 lines
2.9 KiB
Vue
139 lines
2.9 KiB
Vue
<template>
|
|
<view>
|
|
<view class="relative" :style="{height: `calc(${statusBar}px + ${height}px)`}">
|
|
<view class="width-100b fixed1" :style="{height: `calc(${statusBar}px + ${height}px)`,background:background}">
|
|
<view class="width-100b flex align-center fixed1 justify-center text-center" :style="{paddingTop: statusBar + 'px', height: `calc(${statusBar}px + 55px)`}">
|
|
<text class="midetitle bold-font" :style="{color: color}">{{ title }}</text>
|
|
<i @click="goBack" v-if="black" class="cuIcon-back font-30" style="position: absolute;left: 30rpx;" :style="{color: blackColor}"></i>
|
|
<image @tap="Jump" v-if="isRight" style="position: absolute;right: 30rpx;" :style="'width:'+rightWidth +'rpx;height:' + rightHeight + 'rpx'"
|
|
:src="righturl" />
|
|
<text @tap='Jump' v-if="isRightext" class="font-30 bold-font" :style="{color: color}" style="position: absolute;right: 30rpx;">{{ rightText }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
//标题
|
|
title: {
|
|
type: String
|
|
},
|
|
height: {
|
|
type: String,
|
|
default: '55'
|
|
},
|
|
// 标题字体颜色
|
|
// color: {
|
|
// type: String,
|
|
// default: '#17181A'
|
|
// },
|
|
// 返回图标颜色
|
|
// blackColor: {
|
|
// type: String,
|
|
// default: '#000'
|
|
// },
|
|
// 右侧文字颜色
|
|
rightextColor: {
|
|
type: String,
|
|
default: '#17181A'
|
|
},
|
|
// 是否有右侧图片
|
|
isRight: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 是否有右侧文字
|
|
isRightext: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 右侧文字内容
|
|
rightText: {
|
|
type: String,
|
|
default: '设置'
|
|
},
|
|
// 右侧图片路径
|
|
righturl: {
|
|
type: String,
|
|
default: '/static/logo.png'
|
|
},
|
|
// 宽度
|
|
rightWidth: {
|
|
type: String,
|
|
default: '38'
|
|
},
|
|
// 高度
|
|
rightHeight: {
|
|
type: String,
|
|
default: '38'
|
|
},
|
|
// 导航背景色
|
|
// background: {
|
|
// type: String,
|
|
// default: '#FFFFFF'
|
|
// },
|
|
isGoback: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
black: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
statusBar: uni.getSystemInfoSync().statusBarHeight,
|
|
background:'',
|
|
color:'',
|
|
blackColor:'',
|
|
}
|
|
},
|
|
created() {
|
|
this.background = this.$store.state.lightTheme.bg
|
|
this.color = this.$store.state.lightTheme.text
|
|
this.blackColor = this.$store.state.lightTheme.text
|
|
// this.rightextColor = this.$store.state.lightTheme.text
|
|
},
|
|
methods: {
|
|
Jump() {
|
|
this.$emit('Jump')
|
|
},
|
|
goBack() {
|
|
if (!this.isGoback) {
|
|
this.$emit('isNoback')
|
|
// uni.redirectTo({
|
|
// url: '/pages/index/index'
|
|
// })
|
|
} else {
|
|
this.router.goBack()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.fixed1 {
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 990;
|
|
}
|
|
.relative{
|
|
position: relative;
|
|
}
|
|
.font-32{
|
|
font-size: 32rpx;
|
|
}
|
|
.midetitle{
|
|
font-size: 16px;
|
|
/* font-weight: 700; */
|
|
}
|
|
.font-40{
|
|
font-size: 40rpx;
|
|
}
|
|
</style>
|