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