109 lines
2.2 KiB
Vue
109 lines
2.2 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="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 {
|
|
margin-top: 100rpx;
|
|
width: 100%;
|
|
height: 100rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
z-index: 1;
|
|
}
|
|
|
|
.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> |