396316021
/
warm_man
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

二期新增页面 

项目详情
报名
我的留言
我的活动
参加人员名单
我的关注
master
396316021 1 year ago
parent
8d54215a38
commit
75f7a45cad
21 changed files with 2703 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 15
      api/advisor.js
  2. 12
      api/other.js
  3. 30
      pages.json
  4. 45
      pages/Activity/components/index.scss
  5. 129
      pages/Activity/index.vue
  6. 5
      pages/Consultant/components/index.scss
  7. 85
      pages/Consultant/form.vue
  8. 12
      pages/Consultant/index.vue
  9. 26
      pages/Join/components/index.scss
  10. 440
      pages/Join/index.vue
  11. 163
      pages/Project/components/index.scss
  12. 372
      pages/Project/index.vue
  13. 4
      pages/Room/index.vue
  14. 411
      pages/User/activity.vue
  15. 65
      pages/User/components/activity.scss
  16. 112
      pages/User/components/follow.scss
  17. 43
      pages/User/components/join.scss
  18. 39
      pages/User/components/leave.scss
  19. 351
      pages/User/follow.vue
  20. 243
      pages/User/join.vue
  21. 171
      pages/User/leave.vue

15
api/advisor.js
Unescape View File

@ -0,0 +1,15 @@
import request from "@/utils/request.js";
import {host} from "@/config/host.js";
/**
* 顾问创建/编辑
* @param {Object} data
*/
export function setAdvisor(data) {
return request({
url: `${host}/advisor/up-advisor`,
method: "post",
data
});
}

12
api/other.js
Unescape View File

@ -61,6 +61,18 @@ export function webConfig(data) {
data
});
}
/**
* 页面配置2
* @param {Object} data
*/
export function advisorConfig(data) {
return request({
url: `${host}/other/advisor-config`,
method: "get",
data
});
}
/**
* 页面配置
* @param {Object} data

30
pages.json
Unescape View File

@ -191,6 +191,36 @@
"style" : {
"navigationBarTitleText" : "活动详情"
}
},{
"path" : "pages/Project/index",
"style" : {
"navigationBarTitleText" : "项目详情"
}
},{
"path" : "pages/Join/index",
"style" : {
"navigationBarTitleText" : "报名"
}
},{
"path" : "pages/User/leave",
"style" : {
"navigationBarTitleText" : "我的留言"
}
},{
"path" : "pages/User/activity",
"style" : {
"navigationBarTitleText" : "我的活动"
}
},{
"path" : "pages/User/join",
"style" : {
"navigationBarTitleText" : "参加人员名单"
}
},{
"path" : "pages/User/follow",
"style" : {
"navigationBarTitleText" : "我的关注"
}
}
],
"globalStyle" : {

45
pages/Activity/components/index.scss
Unescape View File

@ -2,7 +2,7 @@
// background-color:#f5f5f6;
//}
.wallpaper-container{
padding:16rpx 26rpx;
padding:16rpx 26rpx 150rpx 26rpx;
width:100%;
.top-image{
margin-bottom:40rpx;
@ -90,6 +90,20 @@
}
}
.join-container{
.join-title{
margin-top:92rpx;
//margin-bottom:66rpx;
}
.join-desc-title{
align-items: center;
padding:{
bottom:20rpx;
top:40rpx;
}
.icon{
margin-right:10rpx;
}
}
.list-item{
justify-content: space-between;
padding:12rpx 64rpx;
@ -109,4 +123,33 @@
}
}
}
}
.foot-button{
border-top:2rpx solid #EEEEEE;
padding:10rpx 26rpx 40rpx 26rpx;
position: fixed;
bottom:0;
left:0;
z-index: 9999;
width: 100%;
background: {
color:#FFFFFF;
};
justify-content: space-between;
.button-group{
display:flex;
.button{
padding:22rpx 40rpx;
border-radius: 40rpx;
&.phone{
background-color:#80C5B6;
display: flex;
margin-right:16rpx;
}
&.exchange{
background-color:#FF9545;
}
}
}
}

129
pages/Activity/index.vue
Unescape View File

@ -34,29 +34,40 @@
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="data.title" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="content-body row">
<view class="title-time-item">
<u-text text="距报名截止" color="#90A0AF" size="28"></u-text>
<u-count-down
:time="timeNumber"
format="DD:HH:mm:ss"
autoStart
millisecond
@change="timeChange"
custom-style="display:flex;width:100%;"
>
<view class="content-body row">
<view class="title-time-item">
<u-text text="距报名截止" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.hours>10?timeData.hours:'0'+timeData.hours" color="#020B18"
size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="小时" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.minutes>10?timeData.minutes:'0'+timeData.minutes" color="#020B18"
size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="分" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.seconds>10?timeData.seconds:'0'+timeData.seconds" color="#020B18" size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="秒" color="#90A0AF" size="28"></u-text>
</view>
</view>
<view class="title-time-item back">
<u-text text="01" color="#020B18" size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="小时" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text text="20" color="#020B18" size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="分" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text text="28" color="#020B18" size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="秒" color="#90A0AF" size="28"></u-text>
</view>
</view>
</u-count-down>
</view>
</view>
</view>
@ -102,9 +113,14 @@
<u-text text="活动地址：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<view class="col">
<u-text text="新都区石板滩镇高新技术产业园旺隆路255号" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col" style="text-align: right;flex:0 0 96rpx">
<view style="padding:12rpx;background-color: #FF9545;border-radius: 50%;display: inline-block;">
<u-icon name="map-fill" size="32" color="#fff"></u-icon>
</view>
</view>
</view>
</view>
<view class="info-item row">
@ -132,9 +148,14 @@
<u-text text="联系方式：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<view class="col">
<u-text text="13622228888" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col" style="text-align: right;">
<view style="padding:12rpx;background-color: #FF9545;border-radius: 50%;display: inline-block;">
<u-icon name="phone-fill" size="32" color="#fff"></u-icon>
</view>
</view>
</view>
</view>
<view class="info-item row">
@ -172,6 +193,17 @@
</view>
<view class="join-container">
<view class="join-title">
<u-text text="参加人员名单" color="#020B18" size="36" line-height="36"></u-text>
</view>
<view class="join-consultant-title join-desc-title row">
<view class="icon">
<u-image :src="staticImage.consultantIcon" mode="widthFix" width="48" height="48"></u-image>
</view>
<view class="title">
<u-text text="顾问" color="#178AF2" size="32" line-height="36"></u-text>
</view>
</view>
<view class="consultant-list">
<view class="list-item row">
<view class="name">
@ -207,6 +239,14 @@
</view>
</view>
</view>
<view class="join-people-title join-desc-title row">
<view class="icon">
<u-image :src="staticImage.peopleIcon" mode="widthFix" width="48" height="48"></u-image>
</view>
<view class="title">
<u-text text="参加人员" color="#FF9545" size="32" line-height="36"></u-text>
</view>
</view>
<view class="people-list">
<view class="list-item row">
<view class="name">
@ -299,6 +339,22 @@
</view>
</view>
</view>
<view class="foot-button border-box row">
<view class="collect">
<u-icon name="heart-fill" size="48" color="#FF9545"></u-icon>
<u-text size="28" color="#FF9545" text="收藏" align="center"></u-text>
<!-- <u-icon name="heart-fill" size="48" color="#AFB5BE"></u-icon>-->
</view>
<view class="button-group">
<view class="button phone ">
<u-icon :name="staticImage.buttonPeople" size="32" color="#000" custom-style="margin-right:10rpx;"></u-icon>
<u-text size="32" color="#020B18" text="顾问报名"></u-text>
</view>
<view class="button exchange">
<u-text size="32" color="#020B18" text="参加报名"></u-text>
</view>
</view>
</view>
</template>
<script>
@ -319,6 +375,9 @@ export default {
rightBlue:imghost+'/activity-blue.png',
rightGreen:imghost+'/activity-green.png',
rightOrange:imghost+'/activity-orange.png',
consultantIcon:imghost+'/consultant-icon.png',
peopleIcon:imghost+'/people-icon.png',
buttonPeople:imghost+'/button-people.png',
},
data:{
status:1,
@ -328,10 +387,13 @@ export default {
address:'asdasd',
start_time:'2023-11-11',
cover:imghost+'/activity-banner.png',
}
},
timeNumber: 3721000,
timeData:{},
}
},
onLoad(option) {
},
onReady() {
@ -354,6 +416,23 @@ export default {
return 'blue';
}
},
timeChange(e){
this.timeData = e;
},
callLocal(lat,lng){
const latitude=parseFloat(lat);
const longitude=parseFloat(lng);
uni.openLocation({
latitude:latitude,
longitude:longitude,
name:this.mapData.name,
})
},
callPhone(phone){
uni.makePhoneCall({
phoneNumber: phone?.toString()
});
},
},
onPageScroll(res) {

5
pages/Consultant/components/index.scss
Unescape View File

@ -5,11 +5,16 @@
padding:82rpx 56rpx;
justify-content: center;
align-items: center;
position:relative;
.fxx-logo{
text-align: center;
margin-bottom:68rpx;
position: absolute;
top:0;
z-index: -1;
}
.fxx-content{
margin-top:220rpx;
width:100%;
background:#fff;
border-radius: 20rpx;

85
pages/Consultant/form.vue
Unescape View File

@ -9,14 +9,6 @@
bgColor="#fff"
></u-navbar>
<view class="fxx-container row">
<!-- <view class="fxx-logo">-->
<!-- <u-image-->
<!-- mode="widthFix"-->
<!-- width="400"-->
<!-- height="161.37"-->
<!-- :src="staticImage.fxxLogo"-->
<!-- ></u-image>-->
<!-- </view>-->
<view class="fxx-content">
<u-form
errorType="toast"
@ -24,48 +16,46 @@
:model="model"
:rules="rules"
ref="authForm"
labelWidth="200rpx"
labelWidth="160rpx"
label-style="font-size:32rpx;color:#020B18;"
>
<u-form-item
prop="userInfo.sex"
:custom-style="{padding:'34rpx 0'}"
>
<u-upload
width="160"
height="160"
:fileList="fileList"
name="1"
multiple
:maxCount="10"
uploadIcon="plus"
@afterRead="afterFileRead"
@delete="deleteFile"
custom-style="margin:auto;"
></u-upload>
<view class="" style="margin:auto;position: relative">
<u-avatar
size="160"
custom-style="margin:auto;"
></u-avatar>
<view class="camera" style="position:absolute;right:0;bottom:0">
<u-image :src="staticImage.camera" width="64" height="64"></u-image>
</view>
</view>
</u-form-item>
<u-form-item
:custom-style="{
padding:'36rpx 0'
}"
label="主体"
prop="userInfo.name"
prop="userInfo.body"
borderBottom
>
<u-radio-group
v-model="model.userInfo.sex"
v-model="model.userInfo.principal_part"
placement="row"
@change="sexChange"
@change="bodyChange"
>
<u-radio
size="32"
labelSize="32"
icon-size="24"
activeColor="#FF9545"
:customStyle="{marginRight: '40px'}"
v-for="(item, index) in sexList"
v-for="(item, index) in bodyList"
:key="index"
:label="item.name"
:name="item.id"
@change="radioChange"
>
</u-radio>
</u-radio-group>
@ -101,6 +91,7 @@
<u-radio
size="32"
labelSize="32"
icon-size="24"
activeColor="#FF9545"
:customStyle="{marginRight: '40px'}"
v-for="(item, index) in sexList"
@ -232,7 +223,7 @@
prop="userInfo.political_outlook "
borderBottom
>
<view class="">顾问介绍</view>
<view class="" style="margin-bottom:22rpx;"><u-text text="顾问介绍" size="32" color="#020B18"></u-text></view>
<u-textarea
v-model="model.remark"
border="none"
@ -240,7 +231,7 @@
height="220"
:custom-style="{
backgroundColor:'#FAFAFA',
padding:'8rpx 20rpx'
padding:'20rpx'
}"
></u-textarea>
</u-form-item>
@ -248,7 +239,7 @@
prop="userInfo.sex"
:custom-style="{padding:'34rpx 0'}"
>
<view class="">资料上传</view>
<view class="" style="margin-bottom:22rpx;"><u-text text="资料上传" size="32" color="#020B18"></u-text></view>
<u-upload
width="160"
height="160"
@ -310,6 +301,7 @@ import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {getCommonStreet, systemConfig, webConfig} from "@/api/other";
import {fxxApply, userExtends} from "@/api/user";
import {setAdvisor} from "@/api/advisor";
export default {
components: {
@ -321,14 +313,18 @@ export default {
model: {
userInfo: {
name: '',
avatar:'',
sex: 1,
principal_part : 1,
phone: '',
company: '',
political_outlook: '',
street: '',
community: '',
id_card: '',
position_type: '',
address: '',
street_id: '',
community_id: '',
email: '',
advisor_type: '',
infomation: '',
aptitude: '',
},
},
rules: {
@ -394,6 +390,18 @@ export default {
disabled: false,
},
],
bodyList:[
{
id:1,
name: '个人',
disabled: false,
},
{
id:2,
name: '公司或组织',
disabled: false,
},
],
political_outlook_name:'',
polList:[
{
@ -430,6 +438,7 @@ export default {
newIcon: imghost + '/new-icon.png',
fxxLogo: imghost + '/fxx-logo.png',
fxx1: imghost + '/fxx-1.png',
camera:imghost + '/camera.png',
},
user: {
avatar: imghost + '/banner.png',
@ -525,6 +534,10 @@ export default {
console.log(e)
this.model.userInfo.sex = e;
},
bodyChange(e){z
console.log(e)
this.model.userInfo.principal_part = e;
},
navTo(url) {
wx.navigateTo({
url: url
@ -557,9 +570,9 @@ export default {
this.model.userInfo.position_type = e.value[0].name;
},
submit(){
fxxApply(this.model.userInfo).then(res => {
setAdvisor(this.model.userInfo).then(res => {
if(res.code === 200){
this.navTo('/pages/Authentication/done?id='+res.data.fxx_id+'&name='+this.model.userInfo.name)
this.navTo('/pages/Consultant/done?id='+res.data.fxx_id+'&name='+this.model.userInfo.name)
}else{
uni.$u.toast(res.msg);
}

12
pages/Consultant/index.vue
Unescape View File

@ -13,8 +13,8 @@
<u-image
mode="widthFix"
width="400"
height="161.37"
:src="staticImage.fxxLogo"
height="373.25"
:src="staticImage.gwLogo"
></u-image>
</view>
<view class="fxx-content">
@ -50,7 +50,7 @@ import {
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {userExtends} from "@/api/user";
import {webConfig} from "@/api/other";
import {advisorConfig, webConfig} from "@/api/other";
export default {
components: {
@ -65,7 +65,7 @@ export default {
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
fxxLogo: imghost + '/fxx-logo.png',
gwLogo: imghost + '/gw-logo.png',
fxx1: imghost + '/fxx-1.png',
},
isTop: false,
@ -94,8 +94,8 @@ export default {
},
methods: {
getDetail(item) {
webConfig({type:'fxx_auth'}).then(res => {
this.content = res.data.fxx_auth;
advisorConfig({type:'advisor'}).then(res => {
this.content = res.data.advisor;
})
},
checkSection(index) {

26
pages/Join/components/index.scss
Unescape View File

@ -0,0 +1,26 @@
.app-wallpaper{
padding:16rpx 26rpx;
.tips{
padding:{
top:40rpx;
bottom:10rpx;
}
}
}
.body-background{
background: {
color:#F5F5F6;
};
height:100vh;
}
.foot-button{
padding:10rpx 26rpx 40rpx 26rpx;
position: fixed;
bottom:0;
left:0;
z-index: 9999;
width: 100%;
background: {
color:#FFFFFF;
};
}

440
pages/Join/index.vue
Unescape View File

@ -0,0 +1,440 @@
<template>
<view class="body-background"></view>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#ffffff"
></u-navbar>
<view class="app-wallpaper">
<u-row :custom-style="{
backgroundColor:'#fff',
borderRadius:'10rpx',
alignItems:'flex-start'
}">
<u-col :custom-style="{padding:'30rpx 40rpx',height:size.height+'px'}">
<u-form
errorType="toast"
labelPosition="left"
:model="model"
:rules="rules"
ref="userInfo"
labelWidth="200rpx"
>
<u-form-item
:custom-style="{
padding:'34rpx 0'
}"
label="姓名"
prop="userInfo.name"
borderBottom
>
<u-input
type="nickname"
fontSize="28"
placeholder="请填写您的真实姓名"
v-model="model.userInfo.name"
border="none"
></u-input>
</u-form-item>
<u-form-item
:custom-style="{
padding:'36rpx 0'
}"
label="性别"
prop="userInfo.sex"
borderBottom
>
<u-radio-group
v-model="model.userInfo.sex"
placement="row"
@change="sexChange"
>
<u-radio
size="32"
labelSize="32"
icon-size="24"
activeColor="#FF9545"
:customStyle="{marginRight: '40px'}"
v-for="(item, index) in sexList"
:key="index"
:label="item.name"
:name="item.id"
@change="radioChange"
>
</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item
:custom-style="{
padding:'36rpx 0'
}"
label="年龄"
prop="userInfo.sex"
borderBottom
>
<u-input
fontSize="28"
placeholder="请输入"
v-model="model.userInfo.phone"
border="none"
></u-input>
</u-form-item>
<u-form-item
:custom-style="{
padding:'34rpx 0'
}"
label="手机号码"
prop="userInfo.phone"
borderBottom
>
<u-input
fontSize="28"
placeholder="请输入"
v-model="model.userInfo.phone"
border="none"
></u-input>
</u-form-item>
<u-form-item
:custom-style="{
padding:'34rpx 0'
}"
label="现住地"
prop="userInfo.phone"
borderBottom
>
<u-input
fontSize="28"
placeholder="请输入"
v-model="model.userInfo.phone"
border="none"
></u-input>
</u-form-item>
</u-form>
<view class="tips">
<view class="title">
<u-text text="报名须知" color="#020B18" size="28"></u-text>
</view>
<view class="content">
<view class="item">
<u-text text="1.这里是报名须知这里是报名须知" color="#90A0AF" size="28" line-height="54"></u-text>
</view>
<view class="item">
<u-text text="2.这里是报名须知这里是报名须知" color="#90A0AF" size="28" line-height="54"></u-text>
</view>
<view class="item">
<u-text text="3.这里是报名须知这里是报名须知" color="#90A0AF" size="28" line-height="54"></u-text>
</view>
</view>
</view>
</u-col>
</u-row>
</view>
<view class="foot-button border-box">
<u-button
type="primary"
text="保存"
shape="circle"
:custom-style="{
color:'#020B18',
backgroundColor:'#FF9545',
border:'none',
fontSize:'36',
fontWeight:'400',
height:'80rpx'
}"
@click="submit"
></u-button>
</view>
<uv-picker
ref="street"
:columns="[streetList]"
keyName="name"
@confirm="selectStreet"></uv-picker>
<uv-picker
ref="community"
:columns="[communityList]"
keyName="name"
@confirm="selectCommunity"></uv-picker>
<uv-picker
ref="position"
:columns="[positionList]"
keyName="name"
@confirm="selectPosition"></uv-picker>
</template>
<script>
import {
imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {userDetail, userEdit, userExtends} from "@/api/user";
import {getCommonStreet, systemConfig} from "@/api/other";
export default {
components: {
MzSubsection
},
data() {
return {
companyTip: [],
tipShow: false,
tips: [],
model: {
userInfo: {
name: '',
phone: '',
street: '',
community: '',
company: '',
position: '',
id_card: '',
position_text: '',
},
},
rules: {
'userInfo.name': {
type: 'string',
required: true,
message: '请填写姓名',
trigger: ['blur', 'change']
},
'userInfo.phone': {
type: 'string',
required: true,
message: '请填写手机号码',
trigger: ['blur', 'change']
},
'userInfo.street': {
type: 'string',
required: true,
message: '请选择所属街道',
trigger: ['blur', 'change']
},
'userInfo.community': {
type: 'string',
required: true,
message: '请选择所属社区',
trigger: ['blur', 'change']
},
'userInfo.company': {
type: 'string',
required: true,
message: '请填写公司全称',
trigger: ['blur', 'change']
},
'userInfo.id_card': {
type: 'string',
required: true,
message: '请填写身份证号码',
trigger: ['blur', 'change']
},
'userInfo.position': {
type: 'string',
required: true,
message: '请填写职业分类',
trigger: ['blur', 'change']
},
},
sexList: [
{
id: 1,
name: '男',
disabled: false,
},
{
i: 2,
name: '女',
disabled: false,
},
],
current: 1,
title: '立即报名',
loading: true,
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
},
size: {
height: 500,
},
streetList: [],
communityList: [],
positionList: [],
}
},
onLoad() {
},
onReady() {
let that = this;
let height = api.wxSystemInfo().system.windowHeight
let headerHeight = uni.$u.getPx(44) + uni.$u.sys().statusBarHeight
let info = uni.createSelectorQuery().in(this).select('.foot-button');
info.boundingClientRect(function (data) {
that.size.height = that.size.height = height - headerHeight - data.height - uni.$u.getPx('32rpx');
}).exec(function (res) {
});
},
computed: {
api() {
return api
},
sectionStyle() {
const style = {};
style.padding = '0 26rpx';
style.position = 'sticky';
style.zIndex = '9999';
style.top = api.navHeight().systemBarHeight + 'px'
return style;
},
listHeight() {
let that = this;
let height;
let info = uni.createSelectorQuery().in(this).select('.subsection');
info.boundingClientRect(function (data) {
that.size.height = data.height;
}).exec(function (res) {
});
// that.size.height = (api.navHeight().windowHeight - height);
}
},
mounted() {
this.initForm();
this.getPickerData();
this.getTips();
},
methods: {
blurCompany() {
uni.$u.sleep(50).then(() => {
this.tipShow = false;
});
},
selectTip(item) {
this.model.userInfo.company = item;
this.tipShow = false;
},
getTips() {
systemConfig({
type: 'company'
}).then(res => {
this.companyTip = res.data;
});
},
filterTip() {
let i = 0;
this.tips = this.companyTip.filter(res => {
i++;
return (res.indexOf(this.model.userInfo.company) !== -1 && i <= 5);
})
this.tipShow = true;
},
initForm() {
if (uni.getStorageSync('user')) {
this.model.userInfo = uni.getStorageSync('user');
} else {
userDetail().then((res) => {
this.model.userInfo = res.data;
})
}
console.log(this.model.userInfo)
},
openStreetPicker() {
this.$refs.street.open();
},
openCommunityPicker() {
this.$refs.community.open();
},
openPositionPicker() {
this.$refs.position.open();
},
selectStreet(e) {
this.model.userInfo.street = e.value[0].name;
this.communityList = e.value[0].children;
},
selectCommunity(e) {
this.model.userInfo.community = e.value[0].name;
},
selectPosition(e) {
this.model.userInfo.position = e.value[0].name;
},
getPickerData() {
systemConfig({
type: 'job_type'
}).then(res => {
this.positionList = res.data;
console.log(this.positionList)
})
getCommonStreet({}).then(res => {
this.streetList = res.data
});
},
chatDetail(item) {
wx.navigateTo({
url: '/pages/ChatDetail/index?id=' + item.id
});
},
checkSection(index) {
this.current = edit;
},
scrollToLower() {
},
submit() {
if (this.model.userInfo.position_text) this.model.userInfo.position = this.model.userInfo.position_text
this.$refs.userInfo.validate().then(res => {
userEdit(this.model.userInfo).then((res) => {
if (res.code === 200) {
uni.$u.toast('修改成功')
userDetail().then((res) => {
uni.setStorageSync('user', res.data);
this.$store.commit('userInfo', res.data);
uni.navigateBack({delta: 1})
});
} else {
uni.$u.toast(res.msg)
}
})
}).catch(errors => {
uni.$u.toast(errors[0].message)
})
},
getUserExtend() {
userExtends().then((res) => {
if (res.code === 200) {
this.userInfo = res.data;
uni.setStorageSync('user', res.data);
this.$store.commit('userInfo', res.data);
}
});
}
},
onPageScroll(res) {
if (res.scrollTop <= 20) {
uni.$emit('isTop', true);
} else {
uni.$emit('isTop', false);
}
},
created() {
// this.pagePadding = (api.navHeight().navPaddingTop +
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2))
},
}
</script>
<style lang="scss">
@import './components/index.scss';
</style>

163
pages/Project/components/index.scss
Unescape View File

@ -0,0 +1,163 @@
//.body-background{
// background-color:#f5f5f6;
//}
.wallpaper-container{
padding:16rpx 26rpx 150rpx 26rpx;
width:100%;
.top-image{
margin-bottom:40rpx;
}
.time-container{
padding:4rpx;
background-color:#fff;
.time-main{
//border-radius: 20rpx;
//background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
}
.item-img-right{
padding:4rpx;
position: absolute;
right: 0;
top: 0;
}
.item{
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,0,0,0.1);
position: relative;
overflow:hidden;
border-radius:20rpx;
.green{
background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%);
}
.blue{
background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
}
.orange{
background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%);
}
.red{
background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%);
}
.title-item{
&.green{
background: rgba(14, 175, 78, 1);
}
&.blue{
background:rgba(23, 138, 242, 1);
}
&.orange{
background: rgba(255, 149, 69, 1);
}
&.red{
background: rgba(255, 100, 82, 1);
}
padding:4rpx 20rpx;
transform: skewX(-15deg);
border-radius: 8rpx;
.title-content{
transform: skewX(15deg);
}
}
.content-body{
align-items:center;
.title-time-item{
margin-right:16rpx;
&.back{
border-radius: 8rpx;
padding:10rpx;
background:#FF9545;
}
}
}
}
}
.info-container{
.info-title{
margin-top:92rpx;
margin-bottom:66rpx;
}
.info-item{
margin-bottom:50rpx;
.label{
width:160rpx;
}
}
}
.remark-container{
.remark-title{
margin-top:92rpx;
margin-bottom:66rpx;
}
}
.line-container{
.line-title{
margin-top:92rpx;
margin-bottom:66rpx;
}
.line-body{
.line-item{
width:100%;
.line{
flex:0 0 32rpx;
height:auto;
background-color: rgba(255, 149, 69, 0.2);
.line-icon{
padding-top:10rpx;
}
}
.body{
padding-left:12rpx;
//flex:0 0 666rpx;
.content{
//max-width:666rpx;
width:100%;
padding-bottom:50rpx;
}
}
&:first-of-type{
//background-color:red;
.line{
border-top-left-radius: 16rpx;
border-top-right-radius: 16rpx;
}
}
&:last-of-type{
.line{
border-bottom-left-radius: 16rpx;
border-bottom-right-radius: 16rpx;
}
}
}
}
}
}
.foot-button{
border-top:2rpx solid #EEEEEE;
padding:10rpx 26rpx 40rpx 26rpx;
position: fixed;
bottom:0;
left:0;
z-index: 9999;
width: 100%;
background: {
color:#FFFFFF;
};
justify-content: space-between;
.button-group{
display:flex;
.button{
width:500rpx;
padding:22rpx 40rpx;
border-radius: 40rpx;
&.phone{
background-color:#80C5B6;
display: flex;
margin-right:16rpx;
}
&.exchange{
background-color:#FF9545;
}
}
}
}

372
pages/Project/index.vue
Unescape View File

@ -0,0 +1,372 @@
<template>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#fff"
></u-navbar>
<view class="body-background"></view>
<view class="wallpaper-container border-box">
<view class="top-image">
<u-image radius="20" :src="staticImage.activityBanner" width="100%" height="240" mode="widthFix"></u-image>
</view>
<view class="time-container">
<view class="time-main">
<view class="item" :class="getStatusColor(data.status)" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view :class="getStatusColor(data.status)" style="padding:20rpx 20rpx 40rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:40rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="data.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="data.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="data.title" line-height="54" color="#020B18" size="32"></u-text>
</view>
<u-count-down
:time="timeNumber"
format="DD:HH:mm:ss"
autoStart
millisecond
@change="timeChange"
custom-style="display:flex;width:100%;"
>
<view class="content-body row">
<view class="title-time-item">
<u-text text="距报名截止" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.hours>10?timeData.hours:'0'+timeData.hours" color="#020B18"
size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="小时" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.minutes>10?timeData.minutes:'0'+timeData.minutes" color="#020B18"
size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="分" color="#90A0AF" size="28"></u-text>
</view>
<view class="title-time-item back">
<u-text :text="timeData.seconds>10?timeData.seconds:'0'+timeData.seconds" color="#020B18" size="36"></u-text>
</view>
<view class="title-time-item">
<u-text text="秒" color="#90A0AF" size="28"></u-text>
</view>
</view>
</u-count-down>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="info-container">
<view class="info-title">
<u-text text="项目基本信息" color="#020B18" size="36" line-height="36"></u-text>
</view>
<view class="info-item row">
<view class="label">
<u-text text="名额：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-6">
<u-text text="顾问家" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col-6">
<u-text text="剩余(无限制)" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col-6">
<u-text text="参加人员 30" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col-6">
<u-text text="剩余(30人)" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="活动时间：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<u-text text="2023/07/26 19:00 周四" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="活动地址：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col">
<u-text text="新都区石板滩镇高新技术产业园旺隆路255号" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col" style="text-align: right;flex:0 0 96rpx">
<view style="padding:12rpx;background-color: #FF9545;border-radius: 50%;display: inline-block;">
<u-icon name="map-fill" size="32" color="#fff"></u-icon>
</view>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="报名方式：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<u-text text="小程序报名，现场扫码签到" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="主办方：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<u-text text="新都区大丰街道**社区" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="联系方式：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col">
<u-text text="13622228888" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col" style="text-align: right;">
<view style="padding:12rpx;background-color: #FF9545;border-radius: 50%;display: inline-block;">
<u-icon name="phone-fill" size="32" color="#fff"></u-icon>
</view>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="暖新币：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<u-text text="顾问 80" line-height="54" color="#020B18" size="32"></u-text>
</view>
<view class="col-12">
<u-text text="参加人员 10" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
<view class="info-item row">
<view class="label">
<u-text text="备注：" color="#90A0AF" size="32" line-height="54"></u-text>
</view>
<view class="content row col">
<view class="col-12">
<u-text text="天气炎热，参加活动请预防中暑" line-height="54" color="#020B18" size="32"></u-text>
</view>
</view>
</view>
</view>
<view class="remark-container">
<view class="remark-title">
<u-text text="项目介绍" color="#020B18" size="36" line-height="36"></u-text>
</view>
<view class="remark-content">
<u-parse content="11111"></u-parse>
</view>
</view>
<view class="line-container">
<view class="line-title">
<u-text text="项目进度" color="#020B18" size="36" line-height="36"></u-text>
</view>
<view class="line-body">
<view class="line-item row">
<view class="line col">
<view class="line-icon">
<u-icon :name="staticImage.lineIcon" size="32"></u-icon>
</view>
</view>
<view class="body col">
<view class="time">
<u-text text="2023.7.23" color="#FF9545" size="32"></u-text>
</view>
<view class="content border-box">
<u-parse containerStyle="max-width:100%;" custom-style="max-width:100%;" content="<span>uniapp timeline时间轴提示 组件名：uaTimeline 代码块： <ua-timeline> ua-timeline-item uaTimeline一款基于uniapp vue3自定义多功能时间线组件。 支持自定义节点类型/样式、时间戳、节点图标及分割线样式。</span>"></u-parse>
</view>
</view>
</view>
<view class="line-item row">
<view class="line col">
<view class="line-icon">
<u-icon :name="staticImage.lineIcon" size="32"></u-icon>
</view>
</view>
<view class="body col">
<view class="time">
<u-text text="2023.7.23" color="#FF9545" size="32"></u-text>
</view>
<view class="content">
<u-parse containerStyle="max-width:100%;" content="<span>uniapp timeline时间轴提示 组件名：uaTimeline 代码块： <ua-timeline> ua-timeline-item uaTimeline一款基于uniapp vue3自定义多功能时间线组件。 支持自定义节点类型/样式、时间戳、节点图标及分割线样式。</span>"></u-parse>
</view>
</view>
</view>
<view class="line-item row">
<view class="line col">
<view class="line-icon">
<u-icon :name="staticImage.lineIcon" size="32"></u-icon>
</view>
</view>
<view class="body col">
<view class="time">
<u-text text="2023.7.23" color="#FF9545" size="32"></u-text>
</view>
<view class="content">
<u-parse containerStyle="max-width:100%;" content="<span>uniapp timeline时间轴提示 组件名：uaTimeline 代码块： <ua-timeline> ua-timeline-item uaTimeline一款基于uniapp vue3自定义多功能时间线组件。 支持自定义节点类型/样式、时间戳、节点图标及分割线样式。</span>"></u-parse>
</view>
</view>
</view>
<view class="line-item row">
<view class="line col">
<view class="line-icon">
<u-icon :name="staticImage.lineIcon" size="32"></u-icon>
</view>
</view>
<view class="body col">
<view class="time">
<u-text text="2023.7.23" color="#FF9545" size="32"></u-text>
</view>
<view class="content">
<u-parse content="<span>uniapp timeline时间轴提示 组件名：uaTimeline 代码块： <ua-timeline> ua-timeline-item uaTimeline一款基于uniapp vue3自定义多功能时间线组件。 支持自定义节点类型/样式、时间戳、节点图标及分割线样式。</span>"></u-parse>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="foot-button border-box row">
<view class="collect">
<u-icon name="heart-fill" size="48" color="#FF9545"></u-icon>
<u-text size="28" color="#FF9545" text="收藏" align="center"></u-text>
<!-- <u-icon name="heart-fill" size="48" color="#AFB5BE"></u-icon>-->
</view>
<view class="button-group">
<view class="button exchange">
<u-text size="32" color="#020B18" text="立即报名" align="center"></u-text>
</view>
</view>
</view>
</template>
<script>
import api from "@/utils/functions.js";
import {imghost} from "@/config/host";
export default {
data() {
return {
title: '暖新服务',
staticImage:{
position:imghost+'/map-position.png',
mapClose:imghost+'/map-close.png',
listPosition:imghost+'/service-position.png',
listPhone:imghost+'/service-phone.png',
activityBanner:imghost+'/activity-banner.png',
rightRed:imghost+'/activity-red.png',
rightBlue:imghost+'/activity-blue.png',
rightGreen:imghost+'/activity-green.png',
rightOrange:imghost+'/activity-orange.png',
consultantIcon:imghost+'/consultant-icon.png',
peopleIcon:imghost+'/people-icon.png',
buttonPeople:imghost+'/button-people.png',
lineIcon:imghost+'/line-icon.png',
},
data:{
status:1,
type_name:'社区活动',
community:'三元社区',
title:'家庭教育培训课堂开课啦！',
address:'asdasd',
start_time:'2023-11-11',
cover:imghost+'/activity-banner.png',
},
timeNumber: 3721000,
timeData:{},
}
},
onLoad(option) {
},
onReady() {
},
onReachBottom() {
},
methods: {
getStatusColor(status){
switch (status){
case 1:
return 'blue';
case 2:
return 'red';
case 4:
return 'green';
case 5:
return 'orange';
default:
return 'blue';
}
},
timeChange(e){
this.timeData = e;
},
callLocal(lat,lng){
const latitude=parseFloat(lat);
const longitude=parseFloat(lng);
uni.openLocation({
latitude:latitude,
longitude:longitude,
name:this.mapData.name,
})
},
callPhone(phone){
uni.makePhoneCall({
phoneNumber: phone?.toString()
});
},
},
onPageScroll(res) {
},
created() {
},
mounted() {
},
}
</script>
<style lang="scss">
@import "./components/index.scss";
</style>

4
pages/Room/index.vue
Unescape View File

@ -134,8 +134,8 @@
</view>
<view class="foot-button border-box row">
<view class="collect">
<!-- <u-icon name="heart-fill" size="48" color="#FF9545"></u-icon>-->
<!-- <u-text size="28" color="#FF9545" text="收藏" align="center"></u-text>-->
<u-icon name="heart-fill" size="48" color="#FF9545"></u-icon>
<u-text size="28" color="#FF9545" text="收藏" align="center"></u-text>
<!-- <u-icon name="heart-fill" size="48" color="#AFB5BE"></u-icon>-->
</view>
<view class="button-group">

411
pages/User/activity.vue
Unescape View File

@ -0,0 +1,411 @@
<template>
<view class="body-background"></view>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#ffffff"
></u-navbar>
<view class="app-wallpaper">
<view class="">
<view class="item blue" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="item-img-right">
<!-- 状态：0=待报名,1=报名中,2=已抢光,3=待开始,4=活动中,5=已完成,6=已取消-->
<!-- <u-image :src="staticImage.rightRed" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightRed" v-if="item.status === 2" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightBlue" v-if="item.status === 1" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightGreen" v-if="item.status === 4" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightOrange" v-if="item.status === 5" width="96" height="96"></u-image>-->
</view>
<view class="blue" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:32rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item" style="margin-left:auto;padding-right:0;text-align: right;">
<view class="title-content">
<u-text :text="'已报名'" color="#178AF2" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="button-group row">
<view class="button join">参加人员名单</view>
<view class="button qrcode">扫码签到</view>
</view>
</view>
</view>
<view class="item blue" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="item-img-right">
<!-- 状态：0=待报名,1=报名中,2=已抢光,3=待开始,4=活动中,5=已完成,6=已取消-->
<!-- <u-image :src="staticImage.rightRed" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightRed" v-if="item.status === 2" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightBlue" v-if="item.status === 1" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightGreen" v-if="item.status === 4" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightOrange" v-if="item.status === 5" width="96" height="96"></u-image>-->
</view>
<view class="blue" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:32rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item" style="margin-left:auto;padding-right:0;text-align: right;">
<view class="title-content">
<u-text :text="'已报名'" color="#178AF2" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="button-group row">
<view class="button join">参加人员名单</view>
<view class="button qrcode">扫码签到</view>
</view>
</view>
</view>
<view class="item blue" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="item-img-right">
<!-- 状态：0=待报名,1=报名中,2=已抢光,3=待开始,4=活动中,5=已完成,6=已取消-->
<!-- <u-image :src="staticImage.rightRed" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightRed" v-if="item.status === 2" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightBlue" v-if="item.status === 1" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightGreen" v-if="item.status === 4" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightOrange" v-if="item.status === 5" width="96" height="96"></u-image>-->
</view>
<view class="blue" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:32rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item" style="margin-left:auto;padding-right:0;text-align: right;">
<view class="title-content">
<u-text :text="'已报名'" color="#178AF2" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="button-group row">
<view class="button join">参加人员名单</view>
<view class="button qrcode">扫码签到</view>
</view>
</view>
</view>
<view class="item blue" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="item-img-right">
<!-- 状态：0=待报名,1=报名中,2=已抢光,3=待开始,4=活动中,5=已完成,6=已取消-->
<!-- <u-image :src="staticImage.rightRed" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightRed" v-if="item.status === 2" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightBlue" v-if="item.status === 1" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightGreen" v-if="item.status === 4" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightOrange" v-if="item.status === 5" width="96" height="96"></u-image>-->
</view>
<view class="blue" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:32rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item" style="margin-left:auto;padding-right:0;text-align: right;">
<view class="title-content">
<u-text :text="'已报名'" color="#178AF2" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="button-group row">
<view class="button join">参加人员名单</view>
<view class="button qrcode">扫码签到</view>
</view>
</view>
</view>
<view class="item blue" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="item-img-right">
<!-- 状态：0=待报名,1=报名中,2=已抢光,3=待开始,4=活动中,5=已完成,6=已取消-->
<!-- <u-image :src="staticImage.rightRed" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightRed" v-if="item.status === 2" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightBlue" v-if="item.status === 1" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightGreen" v-if="item.status === 4" width="96" height="96"></u-image>-->
<!-- <u-image :src="staticImage.rightOrange" v-if="item.status === 5" width="96" height="96"></u-image>-->
</view>
<view class="blue" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="margin-bottom:32rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item" style="margin-left:auto;padding-right:0;text-align: right;">
<view class="title-content">
<u-text :text="'已报名'" color="#178AF2" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="button-group row">
<view class="button join">参加人员名单</view>
<view class="button qrcode">扫码签到</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {goodsOrder, orderLogistics, roomOrder, tabCount} from "@/api/user";
export default {
components: {
MzSubsection
},
data() {
return {
listItem:[
{name:'全部留言'},
{name:'已回答'},
{name:'未回答'},
],
tabCheck:'room',
title: '我的活动',
loading: true,
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
shopThumb: imghost + '/new-1.png',
ask:imghost+ '/ask.png',
answer:imghost+ '/answer.png',
listPosition:imghost+'/service-position.png',
listPhone:imghost+'/service-phone.png',
rightRed:imghost+'/activity-red.png',
rightBlue:imghost+'/activity-blue.png',
rightGreen:imghost+'/activity-green.png',
rightOrange:imghost+'/activity-orange.png',
},
item:{
status:1,
type_name:'社区活动',
community:'三元社区',
title:'家庭教育培训课堂开课啦！',
address:'asdasd',
start_time:'2023-11-11',
cover:imghost+'/activity-banner.png',
}
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
navTo(url){
wx.navigateTo({
url:url
})
},
},
onReachBottom() {
},
onPageScroll(res) {
},
mounted() {
},
created() {
}
}
</script>
<style lang="scss">
@import './components/activity.scss';
</style>

65
pages/User/components/activity.scss
Unescape View File

@ -0,0 +1,65 @@
.body-background{
background: {
color:#F5F5F6;
};
height:100vh;
}
.app-wallpaper{
padding:16rpx 26rpx;
.item{
position: relative;
.green{
background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%);
}
.blue{
background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
}
.orange{
background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%);
}
.red{
background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%);
}
.title-item{
&.green{
background: rgba(14, 175, 78, 1);
}
&.blue{
background:rgba(23, 138, 242, 1);
}
&.orange{
background: rgba(255, 149, 69, 1);
}
&.red{
background: rgba(255, 100, 82, 1);
}
padding:4rpx 20rpx;
transform: skewX(-15deg);
border-radius: 8rpx;
.title-content{
transform: skewX(15deg);
}
}
.button-group{
padding:30rpx 0 10rpx 0;
.button{
border:2rpx solid transparent;
border-radius: 10rpx;
padding:10rpx 20rpx;
margin-left:16rpx;
}
.join{
border-color: #178AF2;
background-color: transparent;
color:#178AF2;
}
.qrcode{
border-color:#FF9545;
background-color:#FF9545;
color:#fff;
}
justify-content: flex-end;
}
}
}

112
pages/User/components/follow.scss
Unescape View File

@ -0,0 +1,112 @@
.body-background{
background: {
color:#F5F5F6;
};
height:100vh;
}
.app-wallpaper{
padding:16rpx 26rpx;
.room-list,.good-list{
margin-bottom:16rpx;
border-radius:10rpx;
padding:0 24rpx;
background-color:#fff;
.item{
&:last-of-type{
border-bottom:none;
}
border-bottom:2rpx solid #EEEEEE;
padding:24rpx 0;
.image{
flex: 0 0 176rpx;
}
.info{
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left:14rpx;
.top{
.title{
max-width: 280rpx;
}
justify-content: space-between;
}
.center{
}
.bottom{
justify-content: space-between;
align-items:center;
.tags{
.tag+.tag{
margin-left:8rpx;
}
.tag{
padding:10rpx 12rpx;
background-color: rgba(175, 181, 190, .1);
border-radius: 8rpx;
}
}
.price{
flex:0 0 150rpx;
justify-content: flex-end;
}
}
}
}
}
.project-list{
margin-bottom:16rpx;
border-radius:10rpx;
padding:0 24rpx;
background-color:#fff;
.item {
&:last-of-type {
border-bottom: none;
}
border-bottom: 2rpx solid #EEEEEE;
padding: 24rpx 0;
.green{
background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%);
}
.blue{
background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
}
.orange{
background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%);
}
.red{
background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%);
}
.title{
border-bottom:2rpx solid #eee;
}
.title-item{
&.green{
background: rgba(14, 175, 78, 1);
}
&.blue{
background:rgba(23, 138, 242, 1);
}
&.orange{
background: rgba(255, 149, 69, 1);
}
&.red{
background: rgba(255, 100, 82, 1);
}
padding:4rpx 20rpx;
transform: skewX(-15deg);
border-radius: 8rpx;
.title-content{
transform: skewX(15deg);
}
}
}
}
.big-title{
margin-top:48rpx;
margin-bottom:22rpx;
}
}

43
pages/User/components/join.scss
Unescape View File

@ -0,0 +1,43 @@
.body-background{
background: {
color:#fff;
};
height:100vh;
}
.app-wallpaper{
padding:16rpx 26rpx;
.join-container{
//.join-title{
// margin-top:92rpx;
// //margin-bottom:66rpx;
//}
.join-desc-title{
align-items: center;
padding:{
bottom:20rpx;
top:40rpx;
}
.icon{
margin-right:10rpx;
}
}
.list-item{
justify-content: space-between;
padding:12rpx 64rpx;
}
.consultant-list{
.list-item{
&:nth-child(odd){
background-color:rgba(23, 138, 242, .1);
}
}
}
.people-list{
.list-item{
&:nth-child(odd){
background-color:rgba(255, 149, 69, .1);
}
}
}
}
}

39
pages/User/components/leave.scss
Unescape View File

@ -0,0 +1,39 @@
.body-background{
background: {
color:#F5F5F6;
};
height:100vh;
}
.app-wallpaper{
padding:16rpx 26rpx;
.leave-tab{
background-color: #fff;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
padding-bottom:15rpx;
border-bottom:2rpx solid #f5f5f6;
}
.leave-content{
.leave-item{
margin-bottom:8rpx;
background-color:#fff;
padding:0 30rpx;
.icon{
flex: 0 0 64rpx;
}
.body{
padding:0 18rpx;
}
}
.ask{
padding:18rpx 0;
border-bottom: 2rpx solid #f5f5f6;
}
.answer{
padding:24rpx 0;
}
.ask{
padding:30rpx 0 22rpx 0;
}
}
}

351
pages/User/follow.vue
Unescape View File

@ -0,0 +1,351 @@
<template>
<view class="body-background"></view>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#ffffff"
></u-navbar>
<view class="app-wallpaper">
<view class="follow-container">
<view class="big-title">
<u-text text="公寓出租" size="32" color="#020B18"></u-text>
</view>
<view class="room-list border-box">
<view class="item row">
<view class="image col">
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image>
</view>
<view class="info col">
<view class="top row col">
<view class="title">
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text>
</view>
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view>
</view>
<view class="center row">
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text>
</view>
<view class="bottom row">
<view class="tags row col">
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
</view>
<view class="price row col">
<view class="price-number">
<u-text text="850" color="#FF9545" size="28"></u-text>
</view>
<view class="price-label">
<u-text text="元/月" color="#020B18" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
<view class="item row">
<view class="image col">
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image>
</view>
<view class="info col">
<view class="top row col">
<view class="title">
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text>
</view>
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view>
</view>
<view class="center row">
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text>
</view>
<view class="bottom row">
<view class="tags row col">
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
</view>
<view class="price row col">
<view class="price-number">
<u-text text="850" color="#FF9545" size="28"></u-text>
</view>
<view class="price-label">
<u-text text="元/月" color="#020B18" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="big-title">
<u-text text="暖新商品" size="32" color="#020B18"></u-text>
</view>
<view class="good-list border-box">
<view class="item row">
<view class="image col">
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image>
</view>
<view class="info col">
<view class="top row col">
<view class="title">
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text>
</view>
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view>
</view>
<view class="center row">
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text>
</view>
<view class="bottom row">
<view class="tags row col">
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
</view>
<view class="price row col">
<view class="price-number">
<u-text text="850" color="#FF9545" size="28"></u-text>
</view>
<view class="price-label">
<u-text text="元/月" color="#020B18" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
<view class="item row">
<view class="image col">
<u-image radius="24" mode="aspectFill" width="176" height="176" :src="staticImage.shopThumb"></u-image>
</view>
<view class="info col">
<view class="top row col">
<view class="title">
<u-text text="合租 北新润苑二期4居室 南卧" color="#020B18" size="28" line-height="40"></u-text>
</view>
<view class="street"><u-text text="桂溪街道" color="#178AF2" size="28"></u-text></view>
</view>
<view class="center row">
<u-text text="50㎡ | 朝南" color="#AFB5BE" size="28" line-height="50"></u-text>
</view>
<view class="bottom row">
<view class="tags row col">
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
<view class="tag">
<u-text text="电梯" color="#AFB5BE" size="28" line-height="28"></u-text>
</view>
</view>
<view class="price row col">
<view class="price-number">
<u-text text="850" color="#FF9545" size="28"></u-text>
</view>
<view class="price-label">
<u-text text="元/月" color="#020B18" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="big-title">
<u-text text="暖新项目" size="32" color="#020B18"></u-text>
</view>
<view class="project-list border-box">
<view class="item" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="padding-bottom:16rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row" style="padding-top:16rpx;">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="item" style="padding:4rpx;background-color: #fff;border-radius:20rpx;margin-bottom:16rpx;">
<view class="" style="padding:20rpx;border-radius:20rpx;">
<view class="title row" style="padding-bottom:16rpx;">
<view class="title-item blue">
<view class="title-content">
<u-text :text="item.type_name" color="#ffffff" size="28" line-height="40"></u-text>
</view>
</view>
<view class="title-item">
<view class="title-content">
<u-text :text="item.community" color="#90A0AF" size="28" line-height="40"></u-text>
</view>
</view>
</view>
<view class="body row" style="padding-top:16rpx;">
<view class="cover" style="margin-right:24rpx;">
<u-image mode="widthFix" width="260" height="160" :src="item.cover" radius="10"></u-image>
</view>
<view class="content col">
<view class="content-title" style="margin-bottom:32rpx;">
<u-text :text="item.title" color="#020B18" size="32"></u-text>
</view>
<view class="content-body">
<view class="body-address row" style="margin-bottom:10rpx;">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPosition"></u-image>
</view>
<view class="value col ">
<u-text :text="item.address" color="#AFB5BE" size="28" custom-style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; "></u-text>
</view>
</view>
<view class="body-phone row" style="justify-content: flex-start">
<view class="icon" style="margin-right:20rpx;">
<u-image mode="widthFix" width="32" height="32" :src="staticImage.listPhone"></u-image>
</view>
<view class="value row col">
<view class="">
<u-text :text="$u.timeFormat(item.start_time,'yyyy/mm/dd')" color="#AFB5BE" size="28"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {goodsOrder, orderLogistics, roomOrder, tabCount} from "@/api/user";
export default {
components: {
MzSubsection
},
data() {
return {
listItem:[
{name:'全部留言'},
{name:'已回答'},
{name:'未回答'},
],
tabCheck:'room',
title: '我的活动',
loading: true,
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
shopThumb: imghost + '/new-1.png',
ask:imghost+ '/ask.png',
answer:imghost+ '/answer.png',
listPosition:imghost+'/service-position.png',
listPhone:imghost+'/service-phone.png',
rightRed:imghost+'/activity-red.png',
rightBlue:imghost+'/activity-blue.png',
rightGreen:imghost+'/activity-green.png',
rightOrange:imghost+'/activity-orange.png',
},
item:{
status:1,
type_name:'社区活动',
community:'三元社区',
title:'家庭教育培训课堂开课啦！',
address:'asdasd',
start_time:'2023-11-11',
cover:imghost+'/activity-banner.png',
},
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
navTo(url){
wx.navigateTo({
url:url
})
},
},
onReachBottom() {
},
onPageScroll(res) {
},
mounted() {
},
created() {
}
}
</script>
<style lang="scss">
@import './components/follow.scss';
</style>

243
pages/User/join.vue
Unescape View File

@ -0,0 +1,243 @@
<template>
<view class="body-background"></view>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#ffffff"
></u-navbar>
<view style="width:100%;height:16rpx;background-color:#F5F5F6; "></view>
<view class="app-wallpaper">
<view class="join-container">
<!-- <view class="join-title">-->
<!-- <u-text text="参加人员名单" color="#020B18" size="36" line-height="36"></u-text>-->
<!-- </view>-->
<view class="join-consultant-title join-desc-title row">
<view class="icon">
<u-image :src="staticImage.consultantIcon" mode="widthFix" width="48" height="48"></u-image>
</view>
<view class="title">
<u-text text="顾问" color="#178AF2" size="32" line-height="36"></u-text>
</view>
</view>
<view class="consultant-list">
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
</view>
<view class="join-people-title join-desc-title row">
<view class="icon">
<u-image :src="staticImage.peopleIcon" mode="widthFix" width="48" height="48"></u-image>
</view>
<view class="title">
<u-text text="参加人员" color="#FF9545" size="32" line-height="36"></u-text>
</view>
</view>
<view class="people-list">
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
<view class="list-item row">
<view class="name">
<u-text text="王林果" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="position">
<u-text text="亲子教育顾问" color="#666" size="28" line-height="50"></u-text>
</view>
<view class="time">
<u-text text="2023/07/38" color="#666" size="28" line-height="50"></u-text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {goodsOrder, orderLogistics, roomOrder, tabCount} from "@/api/user";
export default {
components: {
MzSubsection
},
data() {
return {
listItem:[
{name:'全部留言'},
{name:'已回答'},
{name:'未回答'},
],
tabCheck:'room',
title: '参加人员名单',
loading: true,
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
shopThumb: imghost + '/new-1.png',
ask:imghost+ '/ask.png',
answer:imghost+ '/answer.png',
listPosition:imghost+'/service-position.png',
listPhone:imghost+'/service-phone.png',
rightRed:imghost+'/activity-red.png',
rightBlue:imghost+'/activity-blue.png',
rightGreen:imghost+'/activity-green.png',
rightOrange:imghost+'/activity-orange.png',
consultantIcon:imghost+'/consultant-icon.png',
peopleIcon:imghost+'/people-icon.png',
},
item:{
status:1,
type_name:'社区活动',
community:'三元社区',
title:'家庭教育培训课堂开课啦！',
address:'asdasd',
start_time:'2023-11-11',
cover:imghost+'/activity-banner.png',
}
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
navTo(url){
wx.navigateTo({
url:url
})
},
},
onReachBottom() {
},
onPageScroll(res) {
},
mounted() {
},
created() {
}
}
</script>
<style lang="scss">
@import './components/join.scss';
</style>

171
pages/User/leave.vue
Unescape View File

@ -0,0 +1,171 @@
<template>
<view class="body-background"></view>
<u-navbar
:title="title"
:auto-back="true"
left-icon-size="40rpx"
:safe-area-inset-top="true"
:placeholder="true"
bgColor="#ffffff"
></u-navbar>
<view class="app-wallpaper">
<view class="leave-tab">
<u-tabs
:list="listItem"
u-sticky
lineWidth="40"
lineHeight="4"
:inactiveStyle="{color:'#AFB5BE'}"
:activeStyle="{color:'#F47210'}"
lineColor="#F47210"
:custom-style="{margin:'auto',width:'100%'}"
:scrollable="false"
:current="current"
@change="tabsChange"
></u-tabs>
</view>
<view class="leave-content">
<view class="leave-item">
<view class="ask row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.ask" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="name">
<u-text line-height="50" text="张磊" size="32" color="#020b18"></u-text>
</view>
<view class="content">
<u-text line-height="50" text="目前大学生创业政策是什么样的？" size="28" color="#020b18"></u-text>
</view>
</view>
</view>
<view class="answer row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.answer" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="content">
<u-text line-height="50" size="28" color="#020b18" text="大学毕业生在毕业后两年内自主创业，到创业实体所在地的工商部门办理营业执照，注册资金(本)在50万元以下的，允许分期到位，首期到位资金不低于注册资本的10%(出资额不低于3万元)，1年内实缴注册资本追加到50%以上，余款可在3年内分期到位。"></u-text>
</view>
</view>
</view>
</view>
<view class="leave-item">
<view class="ask row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.ask" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="name">
<u-text line-height="50" text="张磊" size="32" color="#020b18"></u-text>
</view>
<view class="content">
<u-text line-height="50" text="目前大学生创业政策是什么样的？" size="28" color="#020b18"></u-text>
</view>
</view>
</view>
<view class="answer row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.answer" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="content">
<u-text line-height="50" size="28" color="#020b18" text="顾问暂时还没有回答哦"></u-text>
</view>
</view>
</view>
</view>
<view class="leave-item">
<view class="ask row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.ask" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="name">
<u-text line-height="50" text="张磊" size="32" color="#020b18"></u-text>
</view>
<view class="content">
<u-text line-height="50" text="目前大学生创业政策是什么样的？" size="28" color="#020b18"></u-text>
</view>
</view>
</view>
<view class="answer row">
<view class="icon col">
<u-image mode="widthFix" :src="staticImage.answer" width="64" height="64"></u-image>
</view>
<view class="body col">
<view class="content">
<u-text line-height="50" size="28" color="#FF9545" text="立即回答" suffix-icon="arrow-right" icon-style="color:#ff9545;"></u-text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
imghost
} from '@/config/host.js'
import MzSubsection from '@/components/MzSubsection/Index.vue';
import api from '@/utils/functions.js';
import {goodsOrder, orderLogistics, roomOrder, tabCount} from "@/api/user";
export default {
components: {
MzSubsection
},
data() {
return {
listItem:[
{name:'全部留言'},
{name:'已回答'},
{name:'未回答'},
],
tabCheck:'room',
title: '我的留言',
loading: true,
staticImage: {
bg: imghost + '/BG.png',
newIcon: imghost + '/new-icon.png',
shopThumb: imghost + '/new-1.png',
ask:imghost+ '/ask.png',
answer:imghost+ '/answer.png',
},
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
navTo(url){
wx.navigateTo({
url:url
})
},
},
onReachBottom() {
},
onPageScroll(res) {
},
mounted() {
},
created() {
}
}
</script>
<style lang="scss">
@import './components/leave.scss';
</style>
Write Preview
Loading…
Cancel
Save