|
|
@@ -0,0 +1,137 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <!-- 顶部导航栏 -->
|
|
|
+ <view class="navbar" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
|
|
|
+ <view class="navbar-content">
|
|
|
+ <view class="navbar-left" @click="goBack">
|
|
|
+ <u-icon name="arrow-leftward" size="36" color="#fff"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="navbar-title"></view>
|
|
|
+ <view class="navbar-right"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <nav-bar title="基本信息"></nav-bar> -->
|
|
|
+ <view :class="['contain flex flex-direction',pageType==1?'contain_1':'']">
|
|
|
+
|
|
|
+ <image
|
|
|
+ :src="pageType == 0 ? '../../static/images/my/niuren.png' : '../../static/images/my/boss.png'"
|
|
|
+ class="header-icon" mode="widthFix" />
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 权限说明弹窗 -->
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import configdata from '../../common/config.js';
|
|
|
+import navBar from "@/components/nav-bar/index.vue";
|
|
|
+// 引入组件
|
|
|
+import empty from '../../components/empty.vue'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ navBar,
|
|
|
+ empty
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pageType:0
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ // 获取状态栏高度
|
|
|
+ this.pageType=options&&options.pageType
|
|
|
+ // 获取状态栏高度
|
|
|
+ let systemInfo = uni.getSystemInfoSync();
|
|
|
+ this.statusBarHeight = systemInfo.statusBarHeight || 0;
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goBack() {
|
|
|
+ uni.navigateBack();
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+page {
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.navbar {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 999;
|
|
|
+
|
|
|
+ .navbar-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ height: 60rpx;
|
|
|
+
|
|
|
+ .navbar-left {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .navbar-title {
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 52rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .navbar-right {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+button::after {
|
|
|
+ border: none;
|
|
|
+ background-color: none;
|
|
|
+}
|
|
|
+
|
|
|
+button {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ padding-left: 0px;
|
|
|
+ padding-right: 0px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-decoration: none;
|
|
|
+ line-height: 1.35;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #666666;
|
|
|
+ /* background-color: #fff; */
|
|
|
+ background-color: rgba(255, 255, 255, 0) !important;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.contain {
|
|
|
+ background: linear-gradient(to right, #1F69E1,#327AE8);
|
|
|
+ padding-top: 120rpx;
|
|
|
+ align-items: center;
|
|
|
+ height: 100vh;
|
|
|
+ .header-icon{
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+}
|
|
|
+.contain_1{
|
|
|
+ background: linear-gradient(to right, #2A5DD2,#073CBD);
|
|
|
+}
|
|
|
+</style>
|
