|
@@ -11,12 +11,21 @@
|
|
|
<u-icon name="arrow-right" color="#3E4055" size="26"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view><image class="banner" src="../static/topic/banner.png"></image></view>
|
|
|
+ <view class="imgs">
|
|
|
+ <image class="banner" src="../static/topic/banner.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="mains">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ <view class="titles">
|
|
|
+ <image class="code" src="@/static/learn/act_icon.png" ></image>
|
|
|
+ <text class="title">免费试听</text>
|
|
|
+ </view>
|
|
|
+ <view class="pictures">
|
|
|
+ <view class="pic_imgs">
|
|
|
+ <image class="basic_img" src="../static/topic/basic.png" ></image>
|
|
|
+ </view>
|
|
|
+ <view class="pic_title">建筑全科 2022年二建精华班建筑知识全系列课程</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -87,14 +96,59 @@ page {
|
|
|
@include dis_center()
|
|
|
}
|
|
|
}
|
|
|
+ .imgs {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0rpx;
|
|
|
+ left: 0rpx;
|
|
|
+ z-index: 100;
|
|
|
+ margin-left: 40rpx;
|
|
|
+ }
|
|
|
.banner {
|
|
|
width: 670rpx;
|
|
|
height: 250rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.mains {
|
|
|
padding: 0rpx 40rpx 0rpx 40rpx;
|
|
|
+ .titles {
|
|
|
+ margin: 72rpx 0rpx 32rpx 10rpx;
|
|
|
+ .code {
|
|
|
+ width: 38rpx;
|
|
|
+ height: 24rpx;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-family: OPPOSans-Bold, OPPOSans;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #222222;
|
|
|
+ margin-left: 14rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pictures {
|
|
|
+ width: 100%;
|
|
|
+ height: 522rpx;
|
|
|
+ .pic_imgs {
|
|
|
+ width: 100%;
|
|
|
+ height: 374rpx;
|
|
|
+ .basic_img {
|
|
|
+ width: 100%;
|
|
|
+ height: 374rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pic_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 148rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 0rpx 0rpx 24rpx 24rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: OPPOSans-Bold, OPPOSans;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #222222;
|
|
|
+ padding: 32rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|