|
|
@@ -0,0 +1,215 @@
|
|
|
+<template>
|
|
|
+ <view class="page-wrap">
|
|
|
+ <image class="banner banner-1" src="../../static/taxation/poster.jpg"></image>
|
|
|
+ <view class="title-row">
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="point"></view>
|
|
|
+ <view class="title">社区活动</view>
|
|
|
+ <view class="point"></view>
|
|
|
+ <view class="line"></view>
|
|
|
+ </view>
|
|
|
+ <view class="activity-panel">
|
|
|
+ <view class="item">
|
|
|
+ <view class="name">8月供需对接会</view>
|
|
|
+ <view class="type">线下活动</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="name">创业大讲堂</view>
|
|
|
+ <view class="type">线上课程</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="name">职工素质讲座</view>
|
|
|
+ <view class="type">线下活动</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="name">创业分享会</view>
|
|
|
+ <view class="type">线下活动</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="link-panel">
|
|
|
+ <view class="link">大学生创业之路</view>
|
|
|
+ <view class="link">创业的五个思路</view>
|
|
|
+ <view class="link">创业经验少走2年弯路!</view>
|
|
|
+ </view>
|
|
|
+ <image class="banner banner-2" src="../../static/taxation/poster2.png"></image>
|
|
|
+ <view class="title-row">
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="point"></view>
|
|
|
+ <view class="title">创业干货</view>
|
|
|
+ <view class="point"></view>
|
|
|
+ <view class="line"></view>
|
|
|
+ </view>
|
|
|
+ <view class="article-panel">
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">小微企业--全额返还</view>
|
|
|
+ <view class="from">鑫恩华创业社区</view>
|
|
|
+ <view class="time">2023-12-19 20:38:06</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">政策直通--国科小那些事儿</view>
|
|
|
+ <view class="from">鑫恩华创业社区</view>
|
|
|
+ <view class="time">2023-12-19 20:38:06</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">税筹--劳务派遣与劳务分包</view>
|
|
|
+ <view class="from">鑫恩华创业社区</view>
|
|
|
+ <view class="time">2023-12-19 20:38:06</view>
|
|
|
+ <image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ methods: {}
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .page-wrap{
|
|
|
+ padding-bottom: 41.21rpx;
|
|
|
+ }
|
|
|
+.banner {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ &-1{
|
|
|
+ height: 295.33rpx;
|
|
|
+ margin-bottom: 13.74rpx;
|
|
|
+ }
|
|
|
+ &-2{
|
|
|
+ height: 171.7rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+.title-row {
|
|
|
+ height: 82.42rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 1rpx solid #e0e0e0;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .line {
|
|
|
+ width: 42.58rpx;
|
|
|
+ height: 1rpx;
|
|
|
+ background: #ccc;
|
|
|
+ margin: 0 5.49rpx;
|
|
|
+ }
|
|
|
+ .point {
|
|
|
+ width: 8.24rpx;
|
|
|
+ height: 8.24rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: #ccc;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ font-size: 30.22rpx;
|
|
|
+ padding: 0 13.74rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+.activity-panel{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ padding: 13.74rpx 27.47rpx 0;
|
|
|
+ .item{
|
|
|
+ width: 343.41rpx;
|
|
|
+ height: 137.36rpx;
|
|
|
+ background: #fafafa;
|
|
|
+ padding: 0 144.23rpx 0 27.47rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 13.74rpx;
|
|
|
+ }
|
|
|
+ .name{
|
|
|
+ font-size: 27.47rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ .type{
|
|
|
+ font-size: 24.73rpx;
|
|
|
+ color: #999;
|
|
|
+ margin-top: 5.49rpx;
|
|
|
+ }
|
|
|
+ .img{
|
|
|
+ width: 103.02rpx;
|
|
|
+ height: 103.02rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ right: 27.47rpx;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
+}
|
|
|
+.link-panel{
|
|
|
+ height: 82.42rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: #fff;
|
|
|
+ .link{
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 24.73rpx;
|
|
|
+ color: #666;
|
|
|
+ margin-right: 27.47rpx;
|
|
|
+ &:last-child{
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.article-panel{
|
|
|
+ background: #fff;
|
|
|
+ .item{
|
|
|
+ height: 199.18rpx;
|
|
|
+ padding: 20.6rpx 233.52rpx 20.6rpx 31.59rpx;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1rpx solid #e0e0e0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ &:last-child{
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .title{
|
|
|
+ font-size: 27.47rpx;
|
|
|
+ height: 68.68rpx;
|
|
|
+ display: -webkit-box;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ margin-bottom: 20.6rpx;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ .from{
|
|
|
+ font-size: 24.73rpx;
|
|
|
+ color: #666;
|
|
|
+ margin-bottom: 6.87rpx;
|
|
|
+ }
|
|
|
+ .time{
|
|
|
+ font-size: 24.73rpx;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ .img{
|
|
|
+ width: 192.31rpx;
|
|
|
+ height: 164.84rpx;
|
|
|
+ position: absolute;
|
|
|
+ right: 20.6rpx;
|
|
|
+ top: 16.48rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|