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