修复页面样式问题

This commit is contained in:
2024-12-12 16:31:12 +08:00
parent d629438b93
commit c8511d5e9a

View File

@@ -1,24 +1,6 @@
<template>
<view class="">
<view class="body-code-qr">
<view class="bg"></view>
<!-- <view class="m-t-24 b-r-8 white p-32 flex-col flex-ali-center"
style="position: relative;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);">
<view class="bottom-border flex-row flex-jus-start m-b-32" style="width: 590rpx;">
<u-image width="96rpx" height="96rpx" shape="circle" :src="getAvatar">
<u-loading slot="loading"></u-loading>
</u-image>
<view class="m-b-32 flex-col p-col-12 flex-jus-sp m-l-32">
<view class="flex-row flex-ali-center">
<d-text :text="userInfo.name" color="#31353D" className="fs-32 "></d-text>
<d-text :text="userInfo.title.name" color="#6C7380" className="m-l-32"></d-text>
</view>
<d-text :text="userInfo.hospital['name'].replace(/^.{2}/, '**')+' '" color="#31353D"></d-text>
</view>
</view>
<u-image width="400rpx" height="400rpx" :src="userInfo.qr_code">
<u-loading slot="loading"></u-loading>
</u-image>
</view> -->
<view>
<view class="box">
<l-painter ref="painter" :board="poster"/>
@@ -189,7 +171,8 @@
let timer = setTimeout(() => {
clearTimeout(timer)
uni.openSetting({ //调起客户端小程序设置界面,让用户开启访问相册
success: e => {}
success: e => {
}
})
}, 2000)
}
@@ -220,24 +203,33 @@
}
}
</script>
<style>
page {
background-color: #F9FAFB;
}
</style>
<style lang="scss" scoped>
//page {
// padding: 1rpx;
// width: 100%;
// height: 100%;
// background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
//}
.box {
display: flex;
justify-content: center;
margin-top: 120rpx;
}
.bg {
position: absolute;
top: 0;
left: 0;
width: 750rpx;
height: 100vh;
.body-code-qr {
width: 100%;
height: 100%;
padding: 1rpx 0;
background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
}
//.bg {
// position: absolute;
// top: 0;
// left: 0;
// width: 750rpx;
// min-height: 100vh;
// background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
//}
</style>