14 changed files with 1069 additions and 233 deletions
@ -0,0 +1,45 @@ |
|||
import { request } from '@/utils/http' |
|||
|
|||
//标签列表
|
|||
export function memberTagList() { |
|||
return request.http({ |
|||
url: '/api/huiqitong/member_tag_list', |
|||
method: 'GET' |
|||
}) |
|||
} |
|||
|
|||
//会员列表
|
|||
export function memberCenter(data:any) { |
|||
return request.http({ |
|||
url: '/api/huiqitong/member_center', |
|||
method: 'GET', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
//会员详情
|
|||
export function memberCenterInfo(id: string) { |
|||
return request.http({ |
|||
url: '/api/huiqitong/member_center_info/'+id, |
|||
method: 'GET' |
|||
}) |
|||
} |
|||
|
|||
//入会申请
|
|||
export function memberApply(data:any) { |
|||
return request.http({ |
|||
url: '/api/huiqitong/member_apply', |
|||
method: 'POST', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
//我的入会申请
|
|||
export function myMemberApply() { |
|||
return request.http({ |
|||
url: '/api/huiqitong/my_member_apply', |
|||
method: 'POST', |
|||
}) |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,158 @@ |
|||
<template> |
|||
<image style="width: 100%;height: 352rpx;" :src="baseurl + detaildata.index_pic" mode=""></image> |
|||
<view class="container"> |
|||
<text class="headtxt">{{detaildata.title}}</text> |
|||
<text class="address">活动地点：{{detaildata.address}}</text> |
|||
<view class="adressnum"> |
|||
<text class="time">活动时间：{{detaildata.activity_time}}</text> |
|||
<view class="ydl"> |
|||
<text class="time">阅读量：</text> |
|||
<text class="value"> |
|||
{{detaildata.count}} |
|||
</text> |
|||
</view> |
|||
</view> |
|||
<view class="titlepart"> |
|||
<view class="icon"></view> |
|||
<text class="title">活动详情</text> |
|||
</view> |
|||
<u-parse :content="detaildata.content"></u-parse> |
|||
<text class="certetime">{{detaildata.create_time}}</text> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { |
|||
onLoad |
|||
} from '@dcloudio/uni-app'; |
|||
import { |
|||
ref |
|||
} from 'vue'; |
|||
import { |
|||
activityInfo |
|||
} from '@/api/index' |
|||
|
|||
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/') |
|||
const detaildata = ref({}) |
|||
|
|||
onLoad(async (param) => { |
|||
await activityInfo(param.id).then((res) => { |
|||
if (res.code === 1) { |
|||
detaildata.value = res.data |
|||
} |
|||
}) |
|||
}) |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.container { |
|||
background-color: #FFFFFF; |
|||
height: calc(100vh - 352rpx); |
|||
width: 100%; |
|||
padding: 40rpx 40rpx 0 40rpx; |
|||
box-sizing: border-box; |
|||
overflow-y: auto; |
|||
|
|||
.titlepart { |
|||
margin-top: 40rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-bottom: 30rpx; |
|||
|
|||
.icon { |
|||
width: 12rpx; |
|||
height: 32rpx; |
|||
border-radius: 0rpx 32rpx 32rpx 0rpx; |
|||
/* 蓝色渐变 */ |
|||
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%); |
|||
} |
|||
|
|||
.title { |
|||
margin-left: 18rpx; |
|||
font-family: Source Han Sans; |
|||
font-size: 30rpx; |
|||
font-weight: 350; |
|||
line-height: 32rpx; |
|||
text-align: justify; |
|||
/* 浏览器可能不支持 */ |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #0072FF; |
|||
} |
|||
} |
|||
|
|||
.headtxt { |
|||
font-family: Source Han Sans; |
|||
font-size: 36rpx; |
|||
font-weight: normal; |
|||
line-height: 48rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #0C092A; |
|||
} |
|||
|
|||
.address { |
|||
margin-top: 28rpx; |
|||
font-family: Source Han Sans; |
|||
font-size: 28rpx; |
|||
font-weight: 350; |
|||
line-height: 48rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #858494; |
|||
} |
|||
|
|||
.adressnum { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
.time { |
|||
font-family: Source Han Sans; |
|||
font-size: 28rpx; |
|||
font-weight: 350; |
|||
line-height: 48rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #858494; |
|||
} |
|||
.ydl { |
|||
display: flex; |
|||
align-items: center; |
|||
.time { |
|||
font-family: Source Han Sans; |
|||
font-size: 28rpx; |
|||
font-weight: 350; |
|||
line-height: 48rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #858494; |
|||
} |
|||
.value { |
|||
font-family: Source Han Sans; |
|||
font-size: 28rpx; |
|||
font-weight: 350; |
|||
line-height: 48rpx; |
|||
text-align: right; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #007FFF |
|||
} |
|||
} |
|||
} |
|||
.certetime { |
|||
font-family: Roboto; |
|||
font-size: 28rpx; |
|||
font-weight: normal; |
|||
line-height: 80rpx; |
|||
letter-spacing: normal; |
|||
color: #A1A1A1; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,182 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容" |
|||
placeholderColor="#2a98ff" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14" |
|||
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx" bgColor="#FFFFFF"></u-search> |
|||
|
|||
<scroll-view scroll-y="auto" class="main" @scrolltolower="onloadmore"> |
|||
<view class="ztone" v-for="(item,index) in ztList" :key="index" @click="godetail(item.id)"> |
|||
<image style="width: 150rpx;height: 150rpx;border-radius: 8rpx;flex: 1;" :src="baseurl+item.index_pic" mode=""> |
|||
</image> |
|||
<view class="rightpart"> |
|||
<view class="splace"> |
|||
{{item.title}} |
|||
</view> |
|||
<view class="titlepart"> |
|||
<text class="title">{{item.activity_time}}</text> |
|||
<image style="width: 32rpx;height: 44rpx;" src="@/static/img/Icon.png" mode="aspectFill"> |
|||
</image> |
|||
</view> |
|||
<view class="ms"> |
|||
{{item.address}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { |
|||
ref |
|||
} from 'vue'; |
|||
import { activityList } from '@/api/index' |
|||
import { onShow } from '@dcloudio/uni-app'; |
|||
|
|||
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/') |
|||
|
|||
|
|||
// 响应式数据 |
|||
const keyword = ref(''); |
|||
const page = ref(1) |
|||
const pagesize = ref(7) |
|||
|
|||
const search = async (val) => { |
|||
page.value = 1 |
|||
pagesize.value = 7 |
|||
await getActivityList(keyword.value, page.value, pagesize.value) |
|||
} |
|||
|
|||
const clickIcon = async () => { |
|||
page.value = 1 |
|||
pagesize.value = 7 |
|||
await getActivityList(keyword.value, page.value, pagesize.value) |
|||
} |
|||
|
|||
const clear = async () => { |
|||
page.value = 1 |
|||
pagesize.value = 7 |
|||
await getActivityList(keyword.value, page.value, pagesize.value) |
|||
} |
|||
|
|||
const ztList = ref([]) |
|||
|
|||
const onloadmore = async () => { |
|||
page.value++ |
|||
let params = { |
|||
'title': keyword.value, |
|||
'page': page.value, |
|||
'limit': pagesize.value |
|||
} |
|||
await activityList(params).then((res) => { |
|||
ztList.value = [...ztList.value, ...res.data.data] |
|||
}) |
|||
} |
|||
|
|||
const godetail = (id) => { |
|||
uni.navigateTo({ |
|||
url: '/pages/index/active/activeDetail?id=' + id |
|||
}) |
|||
} |
|||
|
|||
const getActivityList = async (name, page, limit) => { |
|||
let params = { |
|||
'title': name, |
|||
'page': page, |
|||
'limit': limit |
|||
} |
|||
await activityList(params).then((res) => { |
|||
ztList.value = res.data.data |
|||
}) |
|||
} |
|||
|
|||
onShow(async() => { |
|||
await getActivityList('',1,7) |
|||
}) |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.container { |
|||
background: linear-gradient(0deg, #F1F3F9 72%, rgba(129, 179, 222, 0.5) 88%); |
|||
height: 100vh; |
|||
width: 100%; |
|||
overflow-y: hidden; |
|||
|
|||
.main { |
|||
margin-top: 10rpx; |
|||
width: 100%; |
|||
height: 100%; |
|||
padding: 0 24rpx; |
|||
box-sizing: border-box; |
|||
|
|||
.ztone { |
|||
display: flex; |
|||
align-items: center; |
|||
width: 100%; |
|||
margin-top: 20rpx; |
|||
padding: 10rpx; |
|||
border-radius: 8rpx; |
|||
background: #FFFFFF; |
|||
box-sizing: border-box; |
|||
border: 2rpx solid rgba(0, 127, 255, 0.12); |
|||
|
|||
.rightpart { |
|||
width: 100%; |
|||
margin-left: 20rpx; |
|||
flex: 3; |
|||
display: grid; |
|||
|
|||
.titlepart { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
.title { |
|||
font-family: Source Han Sans; |
|||
font-size: 20rpx; |
|||
font-weight: 300; |
|||
line-height: normal; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
letter-spacing: normal; |
|||
color: #666666; |
|||
margin-top: 20rpx; |
|||
} |
|||
} |
|||
|
|||
.splace { |
|||
font-family: Source Han Sans; |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
display: flex; |
|||
align-items: center; |
|||
letter-spacing: normal; |
|||
color: #0C092A; |
|||
} |
|||
|
|||
.ms { |
|||
margin-top: 8rpx; |
|||
font-family: Source Han Sans; |
|||
font-size: 20rpx; |
|||
font-weight: 300; |
|||
line-height: normal; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
letter-spacing: normal; |
|||
color: #666666; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.hdzq { |
|||
width: 182rpx; |
|||
height: 80rpx; |
|||
position: fixed; |
|||
right: 0; |
|||
top: 70%; |
|||
margin-right: -14rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue