xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

xg

Browse Source
This commit is contained in:
辉 2024-05-08 17:55:38 +08:00
parent 7690553b6b
commit bfc88ff4bf
1 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
pagesB/threeHundredAndSixty/threeHundredAndSixty.vue
View File

@ -17,31 +17,31 @@
</view>
<!-- 疾病预警 -->
<view class="disease" v-if="tabscurrent==1">
<image :src="require('../images/beijing.png')" class="background-image" />
<view class="btnleftalls">
<view class="btnright">
<image :src="require('../images/renti.png')" mode=""></image>
</view>
<view class="left">
<view class="btnleftall">
<view class="btnleft" @tap="diseasecv">
<img src="../images/zitikuang.png" alt="" />
<span class="item" style="left: 101rpx;">脑血管疾病</span>
<span class="item">脑血管疾病</span>
</view>
<view class="btnleft" @tap="diseaselc">
<img src="../images/zitikuang.png" alt="" />
<span class="item" style="left: 52rpx;">缺血性心血管疾病风险</span>
<span class="item">缺血性心血管疾病风险</span>
</view>
</view>
<view class="btnleftall">
<view class="btnleft" @tap="diseaselu">
<img src="../images/zitikuang.png" alt="" />
<span class="item" style="left: 101rpx;">肺癌风险</span>
<span class="item">肺癌风险</span>
</view>
<view class="btnleft" @tap="diseaseck">
<img src="../images/zitikuang.png" alt="" />
<span class="item" style="left: 80rpx;">肾功能不全风险</span>
<span class="item">肾功能不全风险</span>
</view>
</view>
@ -435,10 +435,6 @@
</script>
<style lang="scss">
page {
background-color: #fff;
}
::v-deep .u-mode-center-box {
width: 94% !important;
padding: 40rpx 0;
@ -451,9 +447,8 @@
}
.app {
height: 100%;
background-image: url('../images/beijing.png');
background-size: 100% 100%;
width: 100%;
height: 110vh;
background-repeat: no-repeat;
text-align: center;
font-size: 36rpx;
@ -510,7 +505,18 @@
.disease {
width: 100%;
position: relative;
background-color: #fff;
height: 110vh;
z-index: 999;
color: #fff !important;
.background-image {
width: 100%;
height: 120vh;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.btnleftalls {
// display: flex;
@ -519,6 +525,7 @@
.left {
height: 30vh;
transform: translateY(5%);
}
.btnleftall {
@ -533,37 +540,36 @@
/* margin-left: 2%; */
line-height: 50px;
text-align: center;
height: 100rpx;
height: 160rpx;
font-size: 22rpx;
margin: 0 auto;
line-height: 160rpx;
img {
position: absolute;
width: 283rpx;
height: 100rpx;
left: 21rpx;
width: 100%;
height: 160rpx;
left: 0;
top: 0;
}
.item {
position: absolute;
left: 133rpx;
text-align: center;
}
// background-color: #F2F2F2;
}
.btnright {
height: 70vh;
height: 75vh;
// position: absolute;
// left: 5%;
// width: 70%;
// height: 100rpx;
// background-color: yellow;
image {
height: 70vh;
width: 100%;
height: 100%;
// position: absolute;
display: inline-block;
// left: 21%;