parent
0fc604e428
commit
eb836b5aa8
After Width: | Height: | Size: 137 KiB |
@ -0,0 +1,7 @@
|
|||||||
|
const app = getApp();
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
imageUrl: getApp().globalData.imageUrl,
|
||||||
|
healthCrisis:"background-image: url(./img/health-crisis.png); background-color: #FF463C;height: 834rpx;"
|
||||||
|
}
|
||||||
|
})
|
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
@ -0,0 +1,8 @@
|
|||||||
|
<view class="bc-container">
|
||||||
|
<view class="bc-top">
|
||||||
|
<view class="bc-top-inner" style="{{healthCrisis}}">
|
||||||
|
<view class="bc-top-fen" style="color: #FF3A30">57.1</view>
|
||||||
|
<view class="bc-top-btn1">严重问题</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
@ -0,0 +1,29 @@
|
|||||||
|
.bc-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.bc-top {
|
||||||
|
width: 100%;
|
||||||
|
height: 834rpx;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
.bc-top-inner {
|
||||||
|
width: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.bc-top-fen {
|
||||||
|
font-size: 78rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 68rpx;
|
||||||
|
}
|
||||||
|
.bc-top-btn1 {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FF3A30;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 15rpx 30rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue