<template>
|
<view>
|
<img src="/static/head.png" class="head" alt="" />
|
<view class="hqzc">
|
<img src="/static/hqzc.png" class="img" alt="" />
|
<view class="line"></view>
|
<view class="font">
|
<p>海关总署贸易持续发展2024年立法...</p>
|
<p>国家医疗保障局办公室关于发布管理... </p>
|
</view>
|
<img src="/static/i06.png" class="more" alt="" />
|
</view>
|
<view class="wbox">
|
<view class="name">
|
瑞韵达贸易有限公司
|
</view>
|
<view class="imgbox">
|
<image :src="uqrcodeImage" mode="widthFix" class="qrcode-1"></image>
|
</view>
|
<!-- <view class="">
|
|
</view> -->
|
<img src="/static/qiye/q05.png" style="width: 100%;height: 201rpx;" alt="" />
|
|
</view>
|
<view style="height: 50rpx;"></view>
|
<uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: '#000000',useDynamicSize: true, areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode>
|
<tabsCom :activeNumber.sync="activeNumber"></tabsCom>
|
|
</view>
|
</template>
|
|
<script>
|
import tabsCom from '@/qiye/components/bottom.vue'
|
|
export default {
|
components: {
|
tabsCom
|
},
|
data() {
|
return {
|
activeNumber: 0,
|
companyCode: 'code===',
|
uqrcodeImage: ''
|
}
|
},
|
onReady() {
|
this.$refs.uqrcode.toTempFilePath({
|
success: res => {
|
this.uqrcodeImage = res.tempFilePath
|
}
|
});
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F7F7F7;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.head{
|
width: 100%;
|
height: 518rpx;
|
}
|
.hqzc{
|
position: absolute;
|
border-radius: 5px;
|
background: #fff;
|
display: flex;
|
width: calc(100vw - 64rpx);
|
align-items: center;
|
left: 32rpx;
|
top: 500rpx;
|
padding: 24rpx;
|
box-sizing: border-box;
|
.line{
|
width: 2rpx;
|
height: 50rpx;
|
background: #f1f1f1;
|
margin-right: 18rpx;
|
}
|
.img{
|
width: 76rpx;
|
height: 76rpx;
|
margin-right: 18rpx;
|
}
|
.more{
|
width: 28rpx;
|
height: 28rpx;
|
}
|
.font{
|
font-size: 26rpx;
|
color: #4A4E60;
|
margin-right: 50rpx;
|
|
}
|
}
|
.hide-canvas{
|
display: none;
|
}
|
.wbox{
|
background: #fff;
|
border-radius: 5px;
|
padding: 24rpx;
|
box-sizing: border-box;
|
margin: 120rpx 32rpx;
|
.name{
|
text-align: center;
|
color: #202d44;
|
font-size: 36rpx;
|
font-weight: bold;
|
line-height: 44rpx;
|
border-bottom: 1px dashed #f1f1f1;
|
padding-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
}
|
.imgbox{
|
text-align: center;
|
border-radius: 5rpx;
|
border: 4rpx solid #CCDEFE;
|
padding: 20rpx;
|
width: 420rpx;
|
margin: 0 auto;
|
|
}
|
.qrcode-1{
|
width: 400rpx;
|
height: 400rpx;
|
}
|
}
|
</style>
|
