<template>
<view class="template-circle tn-safe-area-inset-bottom ">
<tn-nav-bar :isBack="false" :bottomShadow="false" :backgroundColor="configInfo.head">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left tn-shadow-blur">
<view class="custom-nav__back" @click="tn('/homePages/search')">
<view class="logo-pic tn-shadow-blur">
<view class="tn-icon-search">
</view>
</view>
</view>
<view class="tn-text-center" style="margin-left:30rpx;">
<tn-tabs :list="scrollList" :itemWidth="150" :activeItemStyle="activeItemStyle" :current="current"
@change="tabChange" :isScroll="false" activeColor="#000000" :bold="true" :fontSize="36">
</tn-tabs>
</view>
</view>
</tn-nav-bar>
<!-- 推荐 -->
<mescroll-body ref="mescrollRef" @down="downCallback" @up="upCallback">
<view class="" v-if="current==1" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<!-- #ifdef MP -->
<add-tip />
<!-- #endif -->
<view class="" style="padding: 10px 15px;" v-if="swiperList.length>0">
<tn-swiper :list="swiperList" imageMode="aspectFill" @click="hpicto" :height="300"></tn-swiper>
</view>
<view class="" style="padding: 2px 15px;" v-if="gonggao">
<tn-notice-bar :show="true" :list="gonggao" backgroundColor="#EFEFEF"></tn-notice-bar>
</view>
<block v-if="configInfo.xcx_sh==1&&configInfo.caidan_open">
<!-- #ifndef MP -->
<view class="tn-flex tn-flex-wrap tn-margin-sm ">
<view class=" tn-radius" v-for="(item, indexsdf) in iconnew" :key="indexsdf" :class="{
'wuge': configInfo.daohanggeshu ==0,
'sige': configInfo.daohanggeshu ==1}" v-if="!item.appId">
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center"
@click="geturl(item)">
<view class="icon7__item--icon tn-flex tn-flex-row-center tn-flex-col-center">
<image class="" :src='item.image' mode='aspectFit' style="height:90rpx;"></image>
</view>
<view class="tn-color-black tn-text-center tn-margin-top-sm">
<text class="tn-text-ellipsis">{{item.title}}</text>
</view>
</view>
</view>
</view>
<!-- #endif -->
<!-- #ifdef MP -->
<view class="tn-flex tn-flex-wrap tn-margin-sm ">
<view class=" tn-radius" v-for="(item, indexsdf) in iconnew" :key="indexsdf" :class="{
'wuge': configInfo.daohanggeshu ==0,
'sige': configInfo.daohanggeshu ==1}">
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center"
@click="geturl(item)">
<view class="icon7__item--icon tn-flex tn-flex-row-center tn-flex-col-center">
<image class="" :src='item.image' mode='aspectFit' style="height: 90rpx;"></image>
</view>
<view class="tn-color-black tn-text-center tn-margin-top-sm">
<text class="tn-text-ellipsis">{{item.title}}</text>
</view>
</view>
</view>
</view>
php轻型社交圈系统微信小程序交流论坛社区圈子论坛小程序前后端搭建社交圈平台系统高校社交圈圈子交友系统技术交流,创业分享,项目开发,前后端搭建
搭建同城线下活动圈子,找搭子交友。
软件架构
前端:Uniapp-vue2.0 后端:Thinkphp6 前后端分离 前端支持: H5+小程序+双端APP(安卓+苹果)
安装教程
【商业版】系统安装环境及步骤(仔细看要求): 1.安装环境,Nginx或者Apache 请选择PHP7.3 数据库mysql5.6
2.上传后端源码到宝塔并解压,建立网站时同步创建数据库,开启thinkphp伪静态,申请SSL域名证书,绑定网站目录为/pulic
3.在根目录里有个.evn文件,在输入数据库连接和授权码(最后一行auth_code那里填写/仅限商业版授权,开源不需要)
4.导入源码包内的数据库文件,访问后台(域名/admin 默认密码123456/开源版为6192652)
务必进入后台基本设置,完善基础资料, 否则会影响到前端使用!!!
后端页面展示
源码和商业版演示获取