Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx

wjt

2024-06-20 3c61c2d657121482389c0518ac2c81c6df1e704b

 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>