2023-12-08 17:39:09 +08:00
|
|
|
<template>
|
2023-12-15 17:31:40 +08:00
|
|
|
<view class="container">
|
|
|
|
|
<view class="imb-header" :style="{'paddingTop':menuButtonTop?menuButtonTop+'rpx':0}">
|
|
|
|
|
<view class="imb-car-info">
|
|
|
|
|
<view class="imb-car-info-left">
|
|
|
|
|
<image src="../../static/mine/avater.png" mode="aspectFit" class="iamge-logo"></image>
|
|
|
|
|
<view class="imb-car-info-left-text">
|
|
|
|
|
<text>欢迎来到爱摩保</text>
|
|
|
|
|
<text style="color: rgba(43,43,53,0.6);font-size: 24rpx;">登录/注册享受更多优质服务</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="imb-car-info-right">
|
|
|
|
|
<view class="imb-car-info-right-text">
|
|
|
|
|
<text>注册/登录</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<view class="imb-map">
|
|
|
|
|
<map name="amap"></map>
|
|
|
|
|
</view>
|
2023-12-08 17:39:09 +08:00
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
2023-12-15 17:31:40 +08:00
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { getMenuButton, rpxTopx } from "@/utils/common.js"
|
|
|
|
|
import { ref } from "vue";
|
|
|
|
|
// let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
|
|
|
|
|
let menuButtonTop = ref(0)
|
|
|
|
|
// #ifdef MP-WEIXIN
|
|
|
|
|
let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
|
|
|
|
|
menuButtonTop.value = rpxTopx(menuButtonInfo.top) + rpxTopx(menuButtonInfo.height)
|
|
|
|
|
// #endif
|
2023-12-08 17:39:09 +08:00
|
|
|
</script>
|
|
|
|
|
|
2023-12-15 17:31:40 +08:00
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.container {
|
|
|
|
|
.imb-header {
|
|
|
|
|
background-image: url(../../../src/static/common/top-bg.png);
|
|
|
|
|
// height: 240rpx;
|
|
|
|
|
background-size: 100% 106%;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
|
|
|
|
.imb-car-info {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: 24rpx;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
.imb-car-info-left {
|
|
|
|
|
display: flex;
|
2023-12-08 17:39:09 +08:00
|
|
|
|
2023-12-15 17:31:40 +08:00
|
|
|
.imb-car-info-left-text {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
color: #08080D;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.iamge-logo {
|
|
|
|
|
width: 96rpx;
|
|
|
|
|
height: 112rpx;
|
|
|
|
|
padding-right: 6rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imb-car-info-right {
|
|
|
|
|
.imb-car-info-right-text {
|
|
|
|
|
width: 176rpx;
|
|
|
|
|
height: 64rpx;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
border: 1rpx solid;
|
|
|
|
|
line-height: 64rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #20519C;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
border-image: linear-gradient(90deg, rgba(30, 80, 153, 1), rgba(60, 109, 198, 1)) 1 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
