122 lines
2.6 KiB
Vue
122 lines
2.6 KiB
Vue
<template>
|
|
<view class="container">
|
|
<!-- <view class="title-back">
|
|
<view class="left-father" @click="goBack">
|
|
<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
|
|
<view style="font-size: 30rpx;">公司详情</view>
|
|
</view>
|
|
</view> -->
|
|
<view class="title-back" :style="{height:`${uni.getStorageSync('moveHeight')+40}px`}">
|
|
<view class="left-father" @click="goBack">
|
|
<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
|
|
<view style="font-size: 30rpx;">公司详情</view>
|
|
</view>
|
|
</view>
|
|
<view :style="{height:`${uni.getStorageSync('moveHeight') + 30}px`}"></view>
|
|
<view class="card-font">
|
|
{{text.departName}}
|
|
</view>
|
|
<view class="gray-font">
|
|
{{ text.comLegalPerson }} | {{ text.tel }} | {{ text.orgPropertyType }} | {{ text.orgBuildingArea + 'm²' }}
|
|
</view>
|
|
<view class="gray-bgc">
|
|
<!-- <image class="gray-img" src="https://www.focusnu.com/media/directive/index/ditu/bgc.png" />
|
|
<image style="margin-left: 30rpx;height: 30rpx;width: 25rpx;margin-right: 30rpx;z-index: 1;"
|
|
src="https://www.focusnu.com/media/directive/index/ditu/mark.png" /> -->
|
|
<view style="color: #999999;z-index: 1;font-size: 30rpx;width: 100%;">
|
|
{{text.comRegisterAddress}}
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
reactive,
|
|
ref,
|
|
nextTick
|
|
} from 'vue';
|
|
import {
|
|
onLoad,
|
|
onPullDownRefresh
|
|
} from '@dcloudio/uni-app'
|
|
|
|
const goBack = () => {
|
|
uni.navigateBack()
|
|
}
|
|
const text = ref("");
|
|
// 页面加载时接收 URL 参数
|
|
onLoad((options) => {
|
|
text.value = JSON.parse(options.element);
|
|
console.log("???", text.value)
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container {
|
|
width: 100%;
|
|
|
|
.title-back {
|
|
background-color: #F7F7F7;
|
|
width: 100%;
|
|
height: 70rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
padding-bottom: 20rpx;
|
|
border-bottom: 1rpx solid #cbd1d2;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.left-father {
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1;
|
|
|
|
.back-img {
|
|
width: 45rpx;
|
|
height: 40rpx;
|
|
margin-left: 40rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.card-font {
|
|
margin-left: 40rpx;
|
|
font-size: 30rpx;
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.gray-font {
|
|
margin-left: 40rpx;
|
|
font-size: 29rpx;
|
|
margin-top: 5rpx;
|
|
margin-bottom: 5rpx;
|
|
color: #B1B1B1;
|
|
width: 100%;
|
|
}
|
|
|
|
.gray-bgc {
|
|
margin: 20rpx 40rpx;
|
|
width: 90%;
|
|
height: 75rpx;
|
|
border-radius: 10rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
|
|
.gray-img {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
</style> |