惠企政策

346149741

2024-06-20 3b29e9873e1d529227e1f4a909d5cbef01d2519a

惠企政策

 pages.json

@@ -41,28 +41,28 @@
            "path" : "pages/hqzc/list",
            "style" : 
            {
                "navigationBarTitleText" : ""
                "navigationBarTitleText" : "惠企政策"
            }
        },
        {
            "path" : "pages/hqzc/details",
            "style" : 
            {
                "navigationBarTitleText" : ""
                "navigationBarTitleText" : "惠企政策"
            }
        },
        {
            "path" : "pages/message/list",
            "style" : 
            {
                "navigationBarTitleText" : ""
                "navigationBarTitleText" : "信息公示"
            }
        },
        {
            "path" : "pages/message/details",
            "style" : 
            {
                "navigationBarTitleText" : ""
                "navigationBarTitleText" : "信息公示详情"
            }
        }
    ],

 pages/hqzc/details.vue

@@ -1,6 +1,16 @@
<template>
    <view>
		
    <view class="box">
        <view class="name">
            中国社科院都阳：中国人口转变的独特性及其影响
        </view>
        <view class="font">
            <view class="left">
                政策类型
            </view>
            <view class="right">
                发布时间：2024-04-27
            </view>
        </view>
    </view>
</template>

@@ -20,3 +30,36 @@
<style>

</style>
<style scoped lang="scss">
    .box{
        padding: 32rpx;
    }
    .name{
        color: #202d44;
        font-size: 40rpx;
        font-weight: bold;
    }
    .font{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 26rpx;
        margin-top: 20rpx;
        .left{
            text-align: center;
            height: 42rpx;
            line-height: 42rpx;
            padding: 0 10rpx;
            border-radius: 4rpx;
            background: #1171E0;
            color: #ffffff;
            font-size: 24rpx;
			
        }
        .right{
            color: #7e8596;
            font-size: 28rpx;
        }
    }
</style>

 pages/hqzc/list.vue

@@ -1,6 +1,61 @@
<template>
    <view>
		
    <view class="box">
        <view class="item">
            <view class="name">
                涨了，本月起发放！一图看懂养老金怎么调
            </view>
            <view class="time">
                2023.04.05 12:23
            </view>
            <view class="bottom">
                <view class="left">
                    查看详情
                </view>
                <img src="/static/i08.png" class="img" alt="" />
            </view>
        </view>
        <view class="item">
            <view class="name">
                涨了，本月起发放！一图看懂养老金怎么调
            </view>
            <view class="time">
                2023.04.05 12:23
            </view>
            <view class="bottom">
                <view class="left">
                    查看详情
                </view>
                <img src="/static/i08.png" class="img" alt="" />
            </view>
        </view>
        <view class="item">
            <view class="name">
                涨了，本月起发放！一图看懂养老金怎么调
            </view>
            <view class="time">
                2023.04.05 12:23
            </view>
            <view class="bottom">
                <view class="left">
                    查看详情
                </view>
                <img src="/static/i08.png" class="img" alt="" />
            </view>
        </view>
        <view class="item">
            <view class="name">
                涨了，本月起发放！一图看懂养老金怎么调
            </view>
            <view class="time">
                2023.04.05 12:23
            </view>
            <view class="bottom">
                <view class="left">
                    查看详情
                </view>
                <img src="/static/i08.png" class="img" alt="" />
            </view>
        </view>
    </view>
</template>

@@ -18,5 +73,47 @@
</script>

<style>
    page{
        background-color: #F4F4F4;
    }
</style>
<style scoped lang="scss">
    .box{
        .item{
            background: #fff;
            border-radius: 5px;
            padding: 24rpx;
            box-sizing: border-box;
            margin: 20rpx 32rpx;
            .name{
                color: #202d44;
                font-size:32rpx;
                margin-bottom: 16rpx;
            }
            .time{
                color: #7e8596;
                font-size: 26rpx;
                margin-bottom: 16rpx;
			
            }
            .bottom{
                    padding-top: 14rpx;
                    border-top: 1px solid #f1f1f1;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                .left{
                     color: #202d44;
                     font-size: 28rpx;
                     font-weight: 400;
                }
                .img{
                    width: 28rpx;
                    height: 28rpx;
                }
            }
        }

    }
	
</style>

 static/i08.png