|
|
@@ -65,12 +65,24 @@
|
|
|
</view>
|
|
|
<view class="item-title">救护站智能系统</view>
|
|
|
</view>
|
|
|
- <view class="cate-item flex" @click="navTo('/pages/applic/science')">
|
|
|
+ <!-- <view class="cate-item flex" @click="navTo('/pages/applic/science')">
|
|
|
<view class="img-wrapper flex">
|
|
|
<image src="../../static/index/index05.png" mode="" class="img"></image>
|
|
|
</view>
|
|
|
<view class="item-title">红会科普</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <view class="redkp flex" @click="navTo('/pages/applic/science')">
|
|
|
+ <image src="../../static/index/index05.png" mode="" class="redkp-img"></image>
|
|
|
+ <view class="redkp-center">
|
|
|
+ <view class="">
|
|
|
+ 红会科普
|
|
|
+ </view>
|
|
|
+ <view class="center-btm">
|
|
|
+ 一起学习救援知识
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image src="../../static/icon/goto.png" mode="" class="goto"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -749,20 +761,24 @@
|
|
|
|
|
|
// 分类
|
|
|
.cate-section {
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: space-around;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
- background-color: #fff;
|
|
|
- padding: 46rpx 0 30rpx;
|
|
|
+ background-color: #fcfcfc;
|
|
|
+ padding: 46rpx 0 0rpx;
|
|
|
height: 100%;
|
|
|
|
|
|
.cate-item {
|
|
|
- width: 33.3%;
|
|
|
+ width: 227rpx;
|
|
|
+ height: 192rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0 0 20rpx 0 rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 25px;
|
|
|
flex-direction: column;
|
|
|
text-align: center;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin-bottom: 70rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
|
|
.img-wrapper {
|
|
|
width: 90rpx;
|
|
|
@@ -1283,5 +1299,38 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ }
|
|
|
+ .redkp {
|
|
|
+ width: 706rpx;
|
|
|
+ height: 158rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0 0 20rpx 0 rgba(50, 50, 52, 0.06);
|
|
|
+ border-radius: 25rpx;
|
|
|
+ margin: auto;
|
|
|
+ padding: 25rpx 45rpx;
|
|
|
+ align-items: center;
|
|
|
+ .redkp-img {
|
|
|
+ width: 70rpx;
|
|
|
+ height: 89rpx;
|
|
|
+ }
|
|
|
+ .redkp-center {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ flex-grow: 1;
|
|
|
+ .center-btm {
|
|
|
+ padding-top: 15rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: rgba(153, 153, 153, 0.5);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .goto {
|
|
|
+ width: 14rpx;
|
|
|
+ height: 27rpx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
