feat: 前端全量更新 - 含所有本次需求
- 移除秒合约页面及UI - 合约页Tab改为Position Held/Transaction Record - 存款/提款/转账页增加BTC/ETH - 资产页重构(用户信息+盈亏+多语言) - 注册页改版(匹配新设计稿) - 日文全面翻译+首页菜单多语言 - 代理专属注册链接支持(?code=) - 10个locale文件同步更新
This commit is contained in:
@@ -0,0 +1,138 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user