flat: style更新

This commit is contained in:
Apcallover
2024-02-20 12:02:52 +08:00
parent 779aad2016
commit 5f9d18d46e
3 changed files with 219 additions and 9 deletions

View File

@@ -116,12 +116,12 @@
<image class="Icon_size" src="../../static/img/index/shenqing.png" mode=""></image>
</view>
<view class="itemText">
<view class="font30">我的申请</view>
<view class="font30">最新政策</view>
<view class="font22">我申请的信息</view>
</view>
</view>
</view>
<view class="serviceItem" @click="">
<!-- <view class="serviceItem" @click="">
<view class="serviceItemContent">
<view class="itemIcon">
<image class="Icon_size" src="../../static/img/index/shoucang.png" mode=""></image>
@@ -142,7 +142,7 @@
<view class="font22">我浏览的信息</view>
</view>
</view>
</view>
</view> -->
</view>
<view class="helpSupport">
<view class="cardTips">帮助与支持</view>
@@ -184,6 +184,18 @@
</view>
</view>
</view>
<view class="info_market">
<view class="market_top">
<view class="top_log"></view>
<view class="next_market" @click="navTo('/pages/market/market')">去市场</view>
</view>
<view class="market_bottom">
<view>了解市场<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view>
<view>我要咨询<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view>
</view>
</view>
<view class="latestMission">
<view class="cardTips" style="margin: 0 26rpx;display: flex;align-items: center;justify-content: space-between;padding-bottom: 10rpx;">
<view>最新资讯</view>
@@ -507,6 +519,53 @@
</script>
<style lang="scss">
.info_market{
margin: 24rpx;
height: fit-content;
background-color: #FFFFFE;
border-radius: 18rpx;
display: flex;
flex-direction: column;
overflow: hidden;
.market_top{
background: url(@/static/img/index/bannerBg.png) no-repeat center center;
background-size: 100% 100%;
height: 100rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24rpx;
.top_log{
background: url(@/static/img/index/inLogo.png) no-repeat center center;
background-size: cover;
height: 60rpx;
width: 400rpx;
}
.next_market{
font-size: 26rpx;
color: #FFFFFF;
background: linear-gradient(to right, rgba(137, 168, 253, 1), rgba(87, 129, 250, 1));
width: 120rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 30rpx;
font-weight: bold;
}
}
.market_bottom{
font-size: 32rpx;
height: 80rpx;
display: flex;
align-items: center;
justify-content: space-around;
view{
display: flex;
}
}
}
.home_logo{
background: url(@/static/img/index/inLogo.png) no-repeat center center;
background-size: cover;
@@ -682,7 +741,7 @@
.jobService {
width: 100%;
height: 620rpx;
height: 440rpx;
background: #FEFFFE;
margin-top: 16rpx;
padding: 24rpx 0rpx 0rpx 32rpx;