最新，最火爆的校园圈子系统APP小程序H5，允许二开，免费开源，有你真好

校园圈子/信息分类发布小程序系统

信息发布系统可以有效连接信息供需双方，用户可获取和发布需求信息、参与互动交流，适用于同城、社区交流、客户互动、业务员/经纪人注册发布信息等场景。

例如：企业可以在小程序上提交招聘岗位信息，管理员审核通过后，招聘需求自动发布上线；应聘者获取到招聘信息，遂自行联系企业，线下完成面试流程。

点击咨询免费源码和允许二开

适用场景

① 适用于同城信息的发布、分类、互动。用户可按照房产、招聘、二手闲置等板块汇集信息，打造本地综合资讯圈和服务生态，实现类58同城、本地门户网站效果。

众所周知，互联网流量越来越稀缺，手握流量即意味着价值和盈利，而同城/同镇的消息发布平台，通过聚集本地资讯、服务和商家信息，有效吸引用户访问，实现流量自来，从而形成自己的私域流量，终通过流量进行变现和盈利。

2. 企业关联多方角色。经纪人、业务员和客户均可发布信息，营造更有生命力的业务生态。例如房东发布房源、企业主发布招聘需求等。

3. 社区、论坛等信息交流平台。支持点赞、转发、留言等多种互动方式

部分免费源码展示：

25% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.1;

}

50% {

transform: scale(0.5);

-webkit-transform: scale(0.5);

opacity: 0.3;

}

75% {

transform: scale(0.8);

-webkit-transform: scale(0.8);

opacity: 0.5;

}

100% {

transform: scale(1);

-webkit-transform: scale(1);

opacity: 0.0;

}

}

@keyframes warn1 {

0% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.0;

}

25% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.1;

}

50% {

transform: scale(0.3);

-webkit-transform: scale(0.3);

opacity: 0.3;

}

75% {

transform: scale(0.5);

-webkit-transform: scale(0.5);

opacity: 0.5;

}

100% {

transform: scale(0.8);

-webkit-transform: scale(0.8);

opacity: 0.0;

}

}

.container {

position: relative;

width: 96px;

height: 96px;

/*border: 1px solid #000; hovertree.com */

}

/* 保持大小不变的小圆圈 何问起 */

.dot {

position: absolute;

width: 92px;

height: 92px;

//left: -2.5px;

    //top: -2.5px;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

//border: 2px solid red;

border-radius: 50%;

z-index: 2;

animation: msClock 1.8s linear infinite; 

}

@keyframes msClock{ 

0%,90%,100%{ transform: rotate(0) scale(1);}

20%,40%{ transform: rotate(-15deg) scale(1.1);}

30%,50%{ transform: rotate(15deg) scale(1.1);}

}

/* 产生动画（向外扩散变大）的圆圈  */

.pulse {

position: absolute;

width: 320px;

height: 320px;

    left: -120px;

    top: -120px;

border: 6px solid $dating-color-primary;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

z-index: 1;

opacity: 0;

-webkit-animation: warn 2s ease-out;

-moz-animation: warn 2s ease-out;

animation: warn 2s ease-out;

-webkit-animation-iteration-count: infinite;

-moz-animation-iteration-count: infinite;

animation-iteration-count: infinite;

box-shadow: 1px 1px 30px $dating-color-primary;

}

.pulse1 {

position: absolute;

width: 320px;

height: 320px;

    left: -120px;

    top: -120px;

border: 6px solid $dating-color-primary;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

z-index: 1;

opacity: 0;

-webkit-animation: warn1 2s ease-out;

-moz-animation: warn1 2s ease-out;

animation: warn1 2s ease-out;

-webkit-animation-iteration-count: infinite;

-moz-animation-iteration-count: infinite;

animation-iteration-count: infinite;

box-shadow: 1px 1px 30px $dating-color-primary;

}

a{color:blue;text-decoration:none;}

.match-button{

position: fixed;

bottom: calc(var(--status-bar-height) + 120rpx);

}

.prize-flying{

z-index:99;

width:100px;

position:absolute;

bottom:50%;

left:50%;

-webkit-transform:translateX(-50%);

transform:translateX(-50%)

}

.prize-flying .fly-prize {

text-align:center;

position:absolute;

top:100%;

opacity:0;

width:39px;

height:39px;

background-repeat:no-repeat!important;

background-size:100% 100%!important;

border-radius:50%;

background:#fff;

padding:7px

}

.showCard {

z-index:10;

animation:warn

}

.prize-flying .fly-left {

left:0;

z-index:5;

animation:flyleft-data-v-1a236634