wo123/yunshanghui-2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.首页2.通讯录3.商户4.我的5.协会简介6.协会活动7.各各图片修改

Browse Source
This commit is contained in:
王创世 2025-05-08 18:02:01 +08:00
parent d461a6d3b8
commit 1321855164
27 changed files with 368 additions and 230 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
pages/index/directory.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;" @touchmove="preventTouchMove"> <view style="background-color: #ffffff;letter-spacing: 1rpx;" @touchmove="preventTouchMove">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF"> <tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view class="tn-margin-top" <view style="color: #202020;;text-align: left;font-size: 36rpx;font-weight: 600;">
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;"> <text>通讯录</text>
<tn-tabs :list="[{name:HomeTitle+'通讯录'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="30"></tn-tabs>
</view> </view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
@ -26,14 +24,18 @@
<view class="tn-flex tn-flex-row-between tn-flex-col-center" style="padding: 0px 30rpx;height: 140rpx;"> <view class="tn-flex tn-flex-row-between tn-flex-col-center" style="padding: 0px 30rpx;height: 140rpx;">
<view class="justify-content-item align-content-item" style="width: 100%;"> <view class="justify-content-item align-content-item" style="width: 100%;">
<view class="tn-flex tn-flex-col-center" <view class="tn-flex tn-flex-col-center"
style="border-radius: 100rpx;padding: 10rpx 20rpx 10rpx 20rpx;width: 95%;background-color: #ffffff;"> style="border-radius: 100rpx;padding: 0rpx 0rpx 0rpx 20rpx;width: 100%;background-color: #F7F7F7;">
<text <text
class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text> class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text>
<input v-model="serach_content" class="justify-content-item" placeholder="会员姓名/手机号" name="input" <input v-model="serach_content" class="justify-content-item" placeholder="会员姓名/手机号" name="input"
placeholder-style="color:#AAAAAA" style="width: 90%;"></input> placeholder-style="color:#AAAAAA" style="width: 90%;"></input>
<tn-button @click="serach_do" backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx"
width="120rpx">
<text class="tn-color-white">搜索</text>
</tn-button>
</view> </view>
</view> </view>
<view class="align-content-item"> <!-- <view class="align-content-item">
<view class="justify-content-item tn-text-center"> <view class="justify-content-item tn-text-center">
<tn-button @click="serach_do" backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" <tn-button @click="serach_do" backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx"
width="150rpx"> width="150rpx">
@ -41,19 +43,20 @@
</tn-button> </tn-button>
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
<view class="tn-classify__container"> <view class="tn-classify__container">
<view class="tn-classify__container__wrap tn-flex tn-flex-nowrap tn-flex-row-around" <view class="tn-classify__container__wrap tn-flex tn-flex-nowrap tn-flex-row-around"
:style="{backgroundColor:'#EBF4F7',height:my_page+'px'}"> :style="{backgroundColor:'#ffffff',height:my_page+20+'px'}">
<!-- 左边容器 --> <!-- 左边容器 -->
<scroll-view scroll-y class="tn-classify__left-box left-width"> <scroll-view scroll-y class="tn-classify__left-box left-width">
<view v-for="(item, index) in industry_list" :key="index" :id="`tabbar_item_${index}`" <view v-for="(item, index) in industry_list" :key="index" :id="`tabbar_item_${index}`"
style="padding-left: 20rpx;" class="tn-classify__tabbar__item tn-flex tn-flex-col-center" style="padding:0rpx 5rpx;" class="tn-classify__tabbar__item tn-flex tn-flex-col-center"
:class="[tabbarItemClass(index)]" @tap.stop="clickClassifyNav(index)"> :class="[tabbarItemClass(index)]" @tap.stop="clickClassifyNav(index)">
<view class="tn-classify__tabbar__item__title">{{ item.industry_name }}</view> <view class="tn-classify__tabbar__item__title" style="text-align: center;width: 100%;">
{{ item.industry_name }}</view>
</view> </view>
</scroll-view> </scroll-view>
@ -66,26 +69,24 @@
<view class="tn-classify__content__sub-classify__content " style="padding-bottom: 120rpx;"> <view class="tn-classify__content__sub-classify__content " style="padding-bottom: 120rpx;">
<view v-for="(item,index) in list" :key="index"> <view v-for="(item,index) in list" :key="index">
<view v-if="item.neirong" <view v-if="item.neirong"
style="font-weight: 300;;background-color: #EBF4F7;color:#4AA2EF;width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;"> style="font-weight: 300;;background-color: #2368F2;color:#ffffff;width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;">
{{item.position_name}} {{item.position_name}}
</view> </view>
<view v-if="item.neirong" v-for="(v,k) in item.neirong" <view v-if="item.neirong" v-for="(v,k) in item.neirong" style="padding: 20rpx;"
@click="tn('/pages/packageA/user/my_card?id='+v.member_id)" @click="tn('/pages/packageA/user/my_card?id='+v.member_id)"
class="tn-classify__content__sub-classify__content__item tn-flex tn-flex-center tn-flex-col-center"> class="tn-flex tn-flex-center tn-flex-col-center">
<!-- 标题，有需要可以显示出来 --> <!-- 标题，有需要可以显示出来 -->
<view style="width: 100rpx;height: 100rpx"> <view style="width: 130rpx;height: 180rpx">
<image :src="apiImgUrl+v.photo_image" <image :src="apiImgUrl+v.photo_image"
style="width: 100rpx;height: 100rpx;border-radius:50%;"> style="width: 130rpx;height: 180rpx;border-radius:8rpx;" mode="aspectFill">
</image> </image>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<view style="font-size: 28rpx;"> <view style="font-size: 28rpx;color: #323232;font-weight: 600;">
<text>{{v.nikename}}</text> <text>{{v.nikename}}</text>
<text
style="margin-left: 50rpx;">{{v.nation==null||v.nation==''?'':v.nation}}</text>
</view> </view>
<view class="tn-text-ellipsis-2" <view class="tn-text-ellipsis-2"
style="font-size: 24rpx;margin-top: 10rpx;"> style="font-size: 24rpx;margin-top: 20rpx;">
<text>{{v.enterprise_name==null?'':v.enterprise_name}}</text> <text>{{v.enterprise_name==null?'':v.enterprise_name}}</text>
</view> </view>
</view> </view>
@ -400,8 +401,9 @@
/* 侧边导航 start */ /* 侧边导航 start */
&__tabbar { &__tabbar {
&__item { &__item {
height: 90rpx; height: 100rpx;
color: #999999;
background-color: #F5F5F5;
&:first-child { &:first-child {
border-top-right-radius: 0rpx; border-top-right-radius: 0rpx;
} }
@ -414,7 +416,7 @@
background-color: #FFFFFF; background-color: #FFFFFF;
position: relative; position: relative;
// font-weight: bold; // font-weight: bold;
color: #4AA2EF; color: #2368F2;
&--prev { &--prev {
border-bottom-right-radius: 26rpx; border-bottom-right-radius: 26rpx;
@ -422,6 +424,7 @@
&--next { &--next {
border-top-right-radius: 26rpx; border-top-right-radius: 26rpx;
background-color: #F5F5F5;
} }
} }
} }
@ -432,7 +435,6 @@
/* 分类内容 start */ /* 分类内容 start */
&__content { &__content {
margin: 18rpx; margin: 18rpx;
/* 推荐商品 start */ /* 推荐商品 start */
&__recomm { &__recomm {
margin-bottom: 40rpx; margin-bottom: 40rpx;
@ -454,7 +456,6 @@
} }
&__content { &__content {
&__item { &__item {
padding: 20rpx; padding: 20rpx;
} }

85
pages/index/home.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view style="background: url('/static/home_top_bg.png') no-repeat;background-size: 100%"> <view class="home_bg">
<tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="transparent"> <tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="transparent">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="width: 100%;"> <view style="width: 100%;">
@ -21,7 +21,7 @@
<video :muted="true" v-if="item.type==2" id="myVideo" :src="apiImgUrl+item.image" <video :muted="true" v-if="item.type==2" id="myVideo" :src="apiImgUrl+item.image"
:controls="false" loop autoplay object-fit="contain" style="width: 100%;height: 100%;" :controls="false" loop autoplay object-fit="contain" style="width: 100%;height: 100%;"
@error="videoErrorCallback"></video> @error="videoErrorCallback"></video>
<image v-if="item.type==1" :src="apiImgUrl+item.image" mode="widthFix" style="width: 100%;"> <image class="no-img" v-if="item.type==1" :src="apiImgUrl+item.image" mode="widthFix" style="width: 100%;">
</image> </image>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -224,9 +224,14 @@
<view style="position: relative;"> <view style="position: relative;">
<view style="position: absolute;bottom: 0;z-index: 100;width: 100%;"> <view style="position: absolute;bottom: 0;z-index: 100;width: 100%;">
<image src="/static/hd_bottom.png" style="width: 100%;" mode="widthFix"></image> <image src="/static/hd_bottom.png" style="width: 100%;" mode="widthFix"></image>
<view style="width:100%;text-align: left;position: absolute;color: #FFF;z-index: 1000;bottom: 0;padding: 15px;"> <view
<view class="tn-text-ellipsis" style="font-size: 30rpx;font-weight: 600;">{{ item.activity_name }}</view> style="width:100%;text-align: left;position: absolute;color: #FFF;z-index: 1000;bottom: 0;padding: 15px;">
<view style="font-size: 24rpx;margin-top: 20rpx;">活动时间：{{formatTime(item.signup_start_time)}}至{{formatTime(item.signup_end_time)}}</view> <view class="tn-text-ellipsis" style="font-size: 30rpx;font-weight: 600;">
{{ item.activity_name }}
</view>
<view style="font-size: 24rpx;margin-top: 20rpx;">
活动时间：{{formatTime(item.signup_start_time)}}至{{formatTime(item.signup_end_time)}}
</view>
</view> </view>
</view> </view>
<image :src="apiImgUrl+item.activity_image" mode="aspectFill" <image :src="apiImgUrl+item.activity_image" mode="aspectFill"
@ -259,39 +264,46 @@
</view> </view>
<view style="margin: 20rpx 0rpx 20rpx 20rpx;"> <view style="margin: 20rpx 0rpx 20rpx 20rpx;">
<view style="padding:20rpx;"> <view style="padding:20rpx;">
<!-- <tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}" <scroll-view :scroll-x="true" style="white-space: nowrap;width: 100%">
activeColor="#3377FF" :current="current" name="name" @change="change" :fontSize="28"></tn-tabs> --> <view style="display: inline-block;margin-right: 50rpx;" v-for="(item,index) in goryList"
<scroll-view :scroll-x="true" style="white-space: nowrap;width: 100%"> @click="change(index)">
<view style="display: inline-block;margin-right: 50rpx;" v-for="item in goryList"> <view style="position: relative;">
<view class="news_title">{{item.name}}</view> <view :class="current == index?'news_title_active':'news_title'">{{item.name}}</view>
<image src="/static/news_title.png" style="width: 50rpx;" mode="widthFix" class="no-img"></image> <image v-if="current == index" src="/static/news_title.png"
style="z-index: -1;width: 50rpx;position: absolute;bottom: 0;right: -10rpx;"
mode="widthFix" class="no-img"></image>
</view> </view>
</scroll-view> </view>
</scroll-view>
</view> </view>
</view> </view>
<view style="padding:0px 28rpx;padding-bottom: 20rpx;min-height:1000rpx"> <view
<view v-for="(item,index) in news_list" :class="{ 'rounded_corner': index === 0 }" style="padding:0px 28rpx;padding-bottom: 20rpx;border-radius: 20rpx;background-color: #FFF;margin: 25rpx;">
style="background-color: #ffffff;"> <view v-for="(item,index) in news_list">
<view class="tn-flex" @click="openNewUrl(item)" style="padding: 20rpx;min-height: 200rpx;"> <view class="tn-flex tn-flex-center tn-flex-col-center" @click="openNewUrl(item)"
<view v-if="item.news_image"> style="min-height: 200rpx;padding: 40rpx 0rpx;">
<image :src="apiImgUrl+item.news_image" mode="aspectFill" <view style="padding-right: 20rpx;width: 400rpx;">
style="width: 230rpx;height: 180rpx;border-radius: 8rpx;"></image> <view class="tn-text-ellipsis-2" style="font-size: 28rpx;font-weight: 600;">
</view> {{ item.news_title }}</view>
<view style="position:relative;padding:0rpx 10rpx 10rpx 15rpx;margin-left: 10rpx;">
<view class="tn-text-ellipsis-3" style="font-size: 28rpx;">{{ item.news_title }}</view>
<view class="tn-flex tn-flex-row-between" <view class="tn-flex tn-flex-row-between"
style="font-size:24rpx;width: 95%;color: rgb(171, 171, 171);position: absolute; bottom: 0rpx; min-width: 380rpx;overflow: hidden"> style="font-size:26rpx;color:#9B9B9B;margin-top: 50rpx;font-weight: 300;">
<view>{{ item.name }}</view> <!-- <view>{{ item.name }}</view> -->
<view>{{ formatTime(item.showtime) }}</view> <view>{{ formatTime(item.showtime) }}</view>
<view> <view>
<text class="tn-icon-eye" style="vertical-align: middle;"></text> <text style="vertical-align: middle;">阅读{{ item.news_hits }}</text>
<text style="vertical-align: middle;">{{ item.news_hits }}</text>
</view> </view>
</view> </view>
</view> </view>
<view v-if="item.news_image">
<image :src="apiImgUrl+item.news_image" mode="aspectFill"
style="width: 260rpx;height: 180rpx;border-radius: 18rpx;"></image>
</view>
</view> </view>
<view v-if="news_list.length-1>index" <view v-if="news_list.length-1>index"
style="background: rgba(217, 217, 217, 0.5);width: 90%;margin: 0 auto;height: 2rpx;"></view> style="background: rgba(217, 217, 217, 0.5);width: 100%;margin: 0 auto;height: 2rpx;"></view>
</view>
<view v-if="news_list.length==0" style="color: #D8D8D8;text-align: center;padding: 50rpx;">
暂无内容...
</view> </view>
</view> </view>
<view> <view>
@ -691,7 +703,7 @@
}, },
formatTime(time) { formatTime(time) {
const [year, month, day] = time.split(' ')[0].split('-'); const [year, month, day] = time.split(' ')[0].split('-');
return `${year}-${month}-${day}`; return `${year}.${month}.${day}`;
}, },
} }
} }
@ -699,12 +711,11 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.my_tag { .my_tag {
padding: 8rpx 30rpx; padding: 8rpx 30rpx;
font-size: 20rpx; font-size: 20rpx;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
border-radius:22rpx; border-radius: 22rpx;
} }
.rounded_corner { .rounded_corner {
@ -737,13 +748,21 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.news_title{
.news_title {
color: #9B9B9B; color: #9B9B9B;
font-size: 35rpx; font-size: 35rpx;
} }
.news_title_active{
.news_title_active {
color: #323232; color: #323232;
font-size: 35rpx; font-size: 35rpx;
font-weight: 600;; font-weight: 600;
;
}
.home_bg {
background: url('/static/home_top_bg.png') no-repeat;
background-size: 100%
} }
</style> </style>

9
pages/index/index.vue
View File

@ -23,10 +23,9 @@
</view> --> </view> -->
<view @touchmove="preventTouchMove" v-if="tabberPageLoadFlag[3]" <view @touchmove="preventTouchMove" v-if="tabberPageLoadFlag[3]"
:style="{display: currentIndex === 3 ? '' : 'none'}"> :style="{display: currentIndex === 3 ? '' : 'none'}">
<scroll-view scroll-y class="custom-tabbar-page" style="height: 100vh;" scroll-y enable-back-to-top <view>
@scrolltolower="tabbarPageScrollLower">
<Pizz ref="pizz"></Pizz> <Pizz ref="pizz"></Pizz>
</scroll-view> </view>
</view> </view>
<view v-if="tabberPageLoadFlag[4]" :style="{display: currentIndex === 4 ? '' : 'none'}"> <view v-if="tabberPageLoadFlag[4]" :style="{display: currentIndex === 4 ? '' : 'none'}">
<scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower"> <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
@ -83,13 +82,13 @@
out: true out: true
}, },
{ {
title: '发现', title: '商会',
activeIcon: '/static/03_3.png', activeIcon: '/static/03_3.png',
inactiveIcon: '/static/03.png', inactiveIcon: '/static/03.png',
id: 2, id: 2,
}, },
{ {
title: '个人中心', title: '我的',
activeIcon: '/static/04_4.png', activeIcon: '/static/04_4.png',
inactiveIcon: '/static/04.png', inactiveIcon: '/static/04.png',
id: 3, id: 3,

111
pages/index/pizz.vue
View File

@ -1,18 +1,17 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;"> <view style="background-color:#F7F7F7;letter-spacing: 1rpx;min-height: 100vh;">
<tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="#FFFFFF"> <tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="#2368F2">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view class="tn-margin-top" style="text-align: center;"> <view style="color: #ffffff;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>发现</text> <text>商会</text>
</view> </view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}" <view style="background-color: #2368F2;height: 350rpx;">
style="background-color: #ffffff;padding-bottom: 10rpx;"> <!-- <view style="padding:0rpx 20rpx">
<view style="padding:0rpx 20rpx">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin" <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin"
style="background-color: #ffffff;"> style="background-color: #ffffff;"> -->
<view class="justify-content-item align-content-item" style="width: 100%;"> <!-- <view class="justify-content-item align-content-item" style="width: 100%;">
<view class="tn-flex tn-flex-col-center" <view class="tn-flex tn-flex-col-center"
style="border-radius: 100rpx;padding: 15rpx 20rpx;width: 100%;background-color:#F1F2F8;"> style="border-radius: 100rpx;padding: 15rpx 20rpx;width: 100%;background-color:#F1F2F8;">
<text <text
@ -21,9 +20,9 @@
class="justify-content-item" placeholder="请输入协会名称进行搜索" name="input" class="justify-content-item" placeholder="请输入协会名称进行搜索" name="input"
placeholder-style="color:#AAAAAA" style="width: 90%;"></input> placeholder-style="color:#AAAAAA" style="width: 90%;"></input>
</view> </view>
</view> </view> -->
<!-- <view> <!-- <view>
<view class="justify-content-item tn-text-center"> <view class="justify-content-item tn-text-center">
<tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx" <tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx"
@click="onsubmit()"> @click="onsubmit()">
@ -31,8 +30,8 @@
</tn-button> </tn-button>
</view> </view>
</view> --> </view> -->
</view> <!-- </view>
</view> </view> -->
<!-- <view class="tn-flex tn-flex-row-around tn-flex-center tn-flex-col-center" style="padding: 30rpx;">--> <!-- <view class="tn-flex tn-flex-row-around tn-flex-center tn-flex-col-center" style="padding: 30rpx;">-->
<!-- <view style="color: #E15033;">--> <!-- <view style="color: #E15033;">-->
@ -61,52 +60,56 @@
<!-- <text class="tn-icon-down-triangle"></text>--> <!-- <text class="tn-icon-down-triangle"></text>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<view style="padding:30rpx 30rpx 180rpx 30rpx;"> <scroll-view :scroll-y="true" @scrolltolower="ReachBottom" style="padding:0rpx 30rpx 30rpx 30rpx;height: 80vh;position: absolute;z-index: 100;top: 150rpx;">
<view style="position: relative;" @click="switchTabbar(61)"> <view style="position: relative;padding-top: 50rpx;" @click="switchTabbar(61)">
<view class="tn-flex tn-flex-center tn-flex-col-center" <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" style="backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px #2368F2 solid;background: rgba(255,255,255,0.6);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 20rpx;">
style="box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(5,171,129,0.25);background: linear-gradient(to bottom,rgba(19,194,150,0.7) 0%, #13C296 100%);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 20rpx;"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<view> <view>
<image :src="apiImgUrl+'/uploads/1/20240628/a78696e22b3cecbf678afbbcca617fca.png'" <image :src="apiImgUrl+'/uploads/1/20240628/a78696e22b3cecbf678afbbcca617fca.png'"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view>
<view style="margin-left: 30rpx;">
<view style="color:#ffffff;font-size: 32rpx;font-weight: 600;">洛阳市总商会
</view> </view>
<view style="font-size: 28rpx;color: rgba(255,255,255,0.6);margin-top: 15rpx;">成立时间：2021-10-01 <view style="margin-left: 30rpx;">
<view style="color:#3D3D3D;font-size: 32rpx;font-weight: 600;">洛阳市总商会
</view>
<view style="font-size: 28rpx;color:#9B9B9B;margin-top: 15rpx;">成立时间：2021-10-01
</view>
</view> </view>
</view> </view>
</view> <view
style="border-radius: 8rpx;font-size: 20rpx;color: #764508;background: linear-gradient( 180deg, #F4D6A2 0%, #E8AF51 100%);padding:10rpx 15rpx;">
<view <text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
style="font-size: 20rpx;color: #09AE85;background-color: #B8EDE0;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 15rpx;"> </view>
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> </view>
<view class="triangle"></view> <view class="triangle"></view>
</view> </view>
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
style="color: #CCCCCC;margin: 50rpx 0rpx 40rpx 0rpx;">
<view style="border: 1rpx dashed #CCCCCC;width: 100%;"></view>
<!-- <view style="width: 500rpx;text-align: center;font-size: 24rpx;">分协会展示</view> -->
<view style="border: 1rpx dashed #CCCCCC;width: 100%;"></view>
</view>
<view v-for="(item,index) in list" style="position: relative;" @click="switchTabbar(item.id)"> <view v-for="(item,index) in list" style="position: relative;" @click="switchTabbar(item.id)">
<view class="tn-flex tn-flex-center tn-flex-col-center" <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
style="background-color: #ffffff;padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 30rpx;"> style="backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(255,255,255,0.6);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 30rpx;">
<view> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image :lazy-load="true" :src="apiImgUrl+item.association_image" <view>
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> <image :lazy-load="true" :src="apiImgUrl+item.association_image"
</view> style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
<view style="margin-left: 30rpx;"> </view>
<view style="font-size: 32rpx;font-weight: 600;">{{item.association_name}} <view style="margin-left: 30rpx;">
<view style="font-size: 32rpx;font-weight: 600;">{{item.association_name}}
</view>
<view style="font-size: 28rpx;color: #888888;margin-top: 15rpx;">成立时间：{{item.createtime}}
</view>
</view>
</view>
<view style="width: 120rpx;">
<view
style="width: 110rpx;text-align: center;;border-radius: 8rpx;font-size: 20rpx;color: #764508;background: linear-gradient( 180deg, #F4D6A2 0%, #E8AF51 100%);padding:10rpx 15rpx;">
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> </view>
<view style="font-size: 28rpx;color: #888888;margin-top: 15rpx;">成立时间：{{item.createtime}}</view>
</view> </view>
</view>
<view
style="font-size: 20rpx;color: #09AE85;background-color: #B8EDE0;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 15rpx;">
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> </view>
</view> </view>
</scroll-view>
<view
style="padding:30rpx 30rpx 180rpx 30rpx;background-color: #F7F7F7;border-radius: 20rpx 20rpx 0rpx 0rpx;margin-top: -40rpx;">
</view> </view>
<!-- <view style="position: fixed;bottom: 13%;width: 100%;">--> <!-- <view style="position: fixed;bottom: 13%;width: 100%;">-->
<!-- <view @click="tn('/pages/index/enter_in')"--> <!-- <view @click="tn('/pages/index/enter_in')"-->
@ -161,6 +164,9 @@
this.getAssociationIndex(); this.getAssociationIndex();
}, },
ReachBottom() { ReachBottom() {
uni.showLoading({
title: '加载中...'
});
this.page = this.page + 1; this.page = this.page + 1;
//this.getNewsList(); //this.getNewsList();
this.getAssociationIndex(); this.getAssociationIndex();
@ -176,6 +182,7 @@
if (res.code == 1) { if (res.code == 1) {
this.list.push(...res.data); this.list.push(...res.data);
} }
uni.hideLoading();
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
@ -198,14 +205,14 @@
.triangle { .triangle {
width: 0; width: 0;
height: 0; height: 0;
border-top: 20rpx solid #13C296; border-top: 10rpx solid #2368F2;
border-right: 20rpx solid transparent; border-right: 10rpx solid transparent;
border-left: 20rpx solid transparent; border-left: 10rpx solid transparent;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
bottom: -12rpx; bottom: -11rpx;
z-index: 100; z-index: 100;
} }
</style> </style>

76
pages/index/pizz_info.vue
View File

@ -1,19 +1,17 @@
<template> <template>
<view style="letter-spacing: 1rpx;"> <view class="xh_bg">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF"> <tn-nav-bar customBack :bottomShadow="false" backgroundColor="transparent">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="padding-left: 15rpx;" @click="goBack()"> <view style="color: #ffffff;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text class="tn-icon-left" style="font-size: 40rpx;"></text> <text>协会介绍</text>
</view>
<view class="tn-margin-top"
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:info.association_name}]" :current="topCurrent" activeColor="#000"
:bold="false" :fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
<view slot="back" class='tn-custom-nav-bar__back' @click="goBack">
<text class='tn-icon-left-circle-simple' style="font-size: 60rpx;color: #ffffff;"></text>
</view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="position: relative;"> <!-- <view style="position: relative;">
<swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000" <swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000"
@change="cardSwiper" style="height: 370rpx;"> @change="cardSwiper" style="height: 370rpx;">
<swiper-item style="padding: 0px;border-radius: 0;"> <swiper-item style="padding: 0px;border-radius: 0;">
@ -28,10 +26,9 @@
<text class="tn-icon-qr-code" style="font-size: 40rpx;"></text> <text class="tn-icon-qr-code" style="font-size: 40rpx;"></text>
</view> </view>
</view> </view>
</view> -->
</view>
</view> </view>
<view style="padding:20rpx 30rpx;"> <!-- <view style="padding:20rpx 30rpx;">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
<view style="min-width: 200rpx;">协会地址</view> <view style="min-width: 200rpx;">协会地址</view>
<view>{{info.association_dizhi}}</view> <view>{{info.association_dizhi}}</view>
@ -45,13 +42,42 @@
<view style="min-width: 200rpx;">联系方式</view> <view style="min-width: 200rpx;">联系方式</view>
<view>{{info.association_phone}}</view> <view>{{info.association_phone}}</view>
</view> </view>
</view> -->
<view class="bg_title_center" style="margin-top: 80rpx;position: relative;">
<image src="/static/xh_title.png" style="width: 100%;" mode="widthFix" class="no-img"></image>
<view style="position: absolute;top: 55rpx;width: 100%;text-align: center;">
<image :src="apiImgUrl+info.association_image"
style="vertical-align: middle;width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
<text
style="vertical-align: middle;margin-left: 20rpx;font-size: 40rpx;">{{info.association_name}}</text>
<view style="text-align: left;width: 90%;padding-left: 70rpx;margin-top: 30rpx;">
<view class="custom-nav tn-flex" style="font-size: 26rpx;">
<view style="width: 172rpx;">协会地址：</view>
<view>{{info.association_dizhi}}</view>
</view>
<view style="margin: 30rpx 0rpx;font-size: 26rpx;" class="custom-nav tn-flex">
<view>协会邮箱：</view>
<view>{{info.association_emal}}</view>
</view>
<view class="custom-nav tn-flex " style="font-size: 26rpx;">
<view>联系方式：</view>
<view>{{info.association_phone}}</view>
</view>
<view @click="openQrcode" class="custom-nav tn-flex tn-flex-col-center"
style="font-size: 26rpx;margin-top: 30rpx;">
<view>联系方式：</view>
<view><text class="tn-icon-qr-code" style="font-size: 40rpx;"></text></view>
</view>
</view>
</view>
</view> </view>
<view style="height: 10rpx;background-color: #EBF4F7;"></view>
<view style="padding:10rpx 30rpx 200rpx 30rpx;"> <view style="padding:10rpx 30rpx 200rpx 30rpx;background-color: #ffffff">
<tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}" <tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}"
style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6" activeColor="#000" inactiveColor="#9B9B9B" :barWidth="50" :barHeight="6"
:barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}" :barStyle="{'background': 'linear-gradient(-45deg, #2368F2, #2368F2)','borderRadius': '4rpx'}"
:current="current" name="name" @change="change"></tn-tabs> :current="current" name="name" @change="change"></tn-tabs>
<view style="height: 1rpx;background-color: #EEEEEE;width: 100%;margin: 20rpx 0rpx;"></view>
<!-- <view style="margin-top: 20rpx;position: relative;">--> <!-- <view style="margin-top: 20rpx;position: relative;">-->
<!-- <image src="/static/b1.png"--> <!-- <image src="/static/b1.png"-->
<!-- style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">--> <!-- style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">-->
@ -151,9 +177,9 @@
@click="saveBase64">保存图片</tn-button> @click="saveBase64">保存图片</tn-button>
</view> </view>
</tn-popup> </tn-popup>
<tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF" <!-- <tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true" inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true"
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> :safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
</view> </view>
</template> </template>
@ -372,6 +398,10 @@
} }
</script> </script>
<style> <style scoped>
.xh_bg {
</style> letter-spacing: 1rpx;
background: url('https://ysx.hschool.com.cn/uploads/1/20250508/939229a8d7b1eff5003689808630e08d.png') no-repeat;
background-size: 100%;
}
</style>

145
pages/index/service.vue
View File

@ -1,85 +1,90 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;"> <view style="background-color: #F7F7F7;letter-spacing: 1rpx;min-height: 100vh;">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF"> <tn-nav-bar customBack :bottomShadow="false" backgroundColor="#ffffff">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="padding-left: 15rpx;" @click="goBack()"> <view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text class="tn-icon-left" style="font-size: 40rpx;"></text> <text>协会活动</text>
</view>
<view class="tn-margin-top"
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:'协会活动'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
<view slot="back" class='tn-custom-nav-bar__back' @click="goBack">
<image src="/static/back.png" style="width: 60rpx;height: 60rpx;"></image>
</view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px',backgroundColor: '#ffffff'}">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin"> <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin">
<view class="justify-content-item align-content-item" style="width: 100%;"> <view class="justify-content-item align-content-item" style="width: 100%;">
<view class="tn-flex tn-flex-col-center" <view class="tn-flex tn-flex-col-center"
style="border-radius: 100rpx;padding: 10rpx 20rpx 10rpx 20rpx;width: 95%;background-color: rgba(255, 255, 255, 0.9);"> style="border-radius: 100rpx;padding: 10rpx 0rpx 10rpx 20rpx;width: 100%;height:80rpx;background-color: rgba(238,238,238,0.5);">
<text <text
class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text> class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text>
<input v-model="content" class="justify-content-item" placeholder="请填写活动标题" name="input" <input v-model="content" class="justify-content-item" placeholder="请填写活动标题" name="input"
placeholder-style="color:#AAAAAA" style="width: 90%;"></input> placeholder-style="color:#9B9B9B" style="width: 90%;"></input>
</view> <view style="height: 50rpx;width: 1px;background-color: #2368F2"></view>
</view> <view @click="onsubmit()" style="width: 180rpx;text-align: center;">
<text style="color: #2368F2;">搜索</text>
<view> </view>
<view class="justify-content-item tn-text-center">
<tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx"
@click="onsubmit()">
<text class="tn-color-white">搜 索</text>
</tn-button>
</view> </view>
</view> </view>
</view> </view>
<tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange" <!-- <tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange"
activeColor="#3668FC"></tn-tabs> activeColor="#3668FC"></tn-tabs> -->
<view style="margin: 20rpx 0rpx 20rpx 20rpx;">
<view style="padding:20rpx;">
<scroll-view :scroll-x="true" style="white-space: nowrap;width: 100%">
<view style="display: inline-block;margin-right: 50rpx;" v-for="(item,index) in tabList"
@click="tabChange(index)">
<view style="position: relative;">
<view :class="current == index?'news_title_active':'news_title'">{{item.name}}</view>
<image v-if="current == index" src="/static/news_title.png"
style="z-index: 0;width: 50rpx;position: absolute;bottom: 0;right: -10rpx;"
mode="widthFix" class="no-img"></image>
</view>
</view>
</scroll-view>
</view>
</view>
</view> </view>
<view style="padding-bottom: 30rpx;"> <view style="padding-bottom: 30rpx;">
<view>
<view style="padding: 30rpx 0rpx;"> <view v-for="(item,index) in actList" style="padding:0rpx 30rpx 30rpx 30rpx;">
<tn-grid align="left" :col="2"> <view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)"
<block v-for="(item,index) in actList"> style="width: 100%;padding-bottom: 20rpx;background-color: #FFF;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;border-radius: 20rpx;overflow: hidden;">
<tn-grid-item style="width:50%"> <view>
<view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)" <image :src="apiImgUrl+item.activity_image" mode="aspectFill"
style="margin-bottom: 30rpx;background-color: #FFF;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;display: inline-block;width: 350rpx;text-align: center;border-radius: 20rpx;overflow: hidden;"> style="width: 100%;height: 350rpx;">
<view> </image>
<image :src="apiImgUrl+item.activity_image" mode="aspectFill" </view>
style="width: 350rpx;height: 170rpx;"> <view style="padding:10rpx 20rpx;font-weight: 400;">
</image> <view class="tn-text-ellipsis-3" style="text-align: left;font-size: 30rpx;font-weight: 600;">
</view> {{ item.activity_name }}
<view style="padding:10rpx 20rpx;font-weight: 400;">
<view class="tn-text-ellipsis " style="text-align: left;">{{ item.activity_name }}
</view>
<view class="tn-flex tn-flex-row-between"
style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;">
<view>
<text v-if="item.activity_type==1">协会活动</text>
<text v-if="item.activity_type==2">调查问卷</text>
<text v-if="item.activity_type==3">公益捐赠</text>
<text v-if="item.activity_type==4">学习培训</text>
</view>
</view>
</view>
</view> </view>
</tn-grid-item> <view style="font-size: 24rpx;margin-top: 20rpx;color: #9B9B9B;">
</block> 活动时间：{{formatTime(item.activity_start_time)}}至{{formatTime(item.activity_end_time)}}
</tn-grid> </view>
</view>
<view style="position: absolute;top: 20rpx;left: 20rpx;">
<view class="my_tag" style="background-color: rgb(75, 130, 235)">
进行中
</view>
<view v-if="item.type=='未开始'" class="my_tag" style="background-color: rgb(248, 155, 59)">
预告
</view>
<view v-if="item.type=='已结束'" class="my_tag" style="background-color: rgb(225, 43, 51)">
已结束
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
<view style="padding-bottom: 120rpx;"> <view style="padding-bottom: 120rpx;">
<tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more> <tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more>
</view> </view>
<tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF" <!-- <tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true" inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true"
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> :safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
</view> </view>
</template> </template>
@ -218,11 +223,31 @@
uni.navigateTo({ uni.navigateTo({
url: e url: e
}) })
} },
formatTime(time) {
const [year, month, day] = time.split(' ')[0].split('-');
return `${year}.${month}.${day}`;
},
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.news_title {
color: #9B9B9B;
font-size: 35rpx;
}
</style> .news_title_active {
color: #323232;
font-size: 35rpx;
font-weight: 600;
z-index: 10;
}
.my_tag {
padding: 8rpx 25rpx;
font-size: 20rpx;
color: rgba(255, 255, 255, 1);
border-radius: 22rpx;
}
</style>

119
pages/index/user.vue
View File

@ -1,9 +1,7 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;"> <view class="user_bg">
<view :style="{paddingTop: vuex_custom_bar_height +40+ 'rpx'}" <view :style="{paddingTop: vuex_custom_bar_height +40+ 'rpx'}">
style="background: linear-gradient(50deg, #034EF9 0%, #05ACFF 99%);height: 400rpx;"> <view class="tn-flex tn-flex-center tn-flex-col-center" style="padding:100rpx 30rpx 30rpx 30rpx;width: 100%;">
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 30rpx;width: 100%;">
<view v-if="login && userInfo.photo_image"> <view v-if="login && userInfo.photo_image">
<image :src="apiImgUrl+userInfo.photo_image" <image :src="apiImgUrl+userInfo.photo_image"
@click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)" @click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)"
@ -14,14 +12,14 @@
</view> </view>
<view style="width: 100%;"> <view style="width: 100%;">
<view v-if="login" class="tn-flex tn-flex-col-center tn-flex-row-between"> <view v-if="login" class="tn-flex tn-flex-col-center tn-flex-row-between">
<view style="margin-left: 20rpx;color: #fff" <view style="margin-left: 20rpx;color: #000000;font-weight: 600;"
@click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)"> @click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)">
<view style="font-size: 35rpx;">{{ userInfo.nikename }}</view> <view style="font-size: 35rpx;">{{ userInfo.nikename }}</view>
<view v-if="userInfo.position_name!=null&&userInfo.if_member!=2" <!-- <view v-if="userInfo.position_name!=null&&userInfo.if_member!=2"
style="font-size: 24rpx;margin-top: 10rpx;"> style="font-size: 24rpx;margin-top: 10rpx;">
{{userInfo.position_name}} {{userInfo.position_name}}
</view> </view> -->
<view <!-- <view
v-if="userInfo.if_member==2&&userInfo.association_id!=null&&userInfo.association_id!=0&&userInfo.if_xianshi==0" v-if="userInfo.if_member==2&&userInfo.association_id!=null&&userInfo.association_id!=0&&userInfo.if_xianshi==0"
style="font-size: 24rpx;margin-top: 10rpx;"> style="font-size: 24rpx;margin-top: 10rpx;">
入会审核中 入会审核中
@ -30,10 +28,10 @@
v-if="userInfo.association_id==null||userInfo.association_id==0&&userInfo.if_member==2" v-if="userInfo.association_id==null||userInfo.association_id==0&&userInfo.if_member==2"
style="font-size: 24rpx;margin-top: 10rpx;"> style="font-size: 24rpx;margin-top: 10rpx;">
游客 游客
</view> </view> -->
</view> </view>
<view @click="tn('/pages/packageA/user/my_edit')"> <view @click="tn('/pages/packageA/user/my_msg')">
<image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image> <image class="no-img" src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>
</view> </view>
</view> </view>
<view v-if="!login" class="tn-flex tn-flex-col-center tn-flex-row-between"> <view v-if="!login" class="tn-flex tn-flex-col-center tn-flex-row-between">
@ -46,13 +44,49 @@
<!-- </view>--> <!-- </view>-->
</view> </view>
</view> </view>
</view>
<view style="padding:0rpx 30rpx;">
<image @click="tn_ru('/pages/packageA/user/apply_in?association_id='+loginData.association_id)" src="/static/user_ru.png" style="width: 100%;" mode="widthFix" class="no-img"></image>
</view> </view>
</view> </view>
<view> <view>
<view style="padding: 30rpx;margin-top:-115rpx;background-color: transparent;"> <view style="padding: 30rpx;background-color: transparent;">
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
style="text-align: center;padding: 30rpx;background-color: #FFF;border-radius: 20rpx;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);"> style="text-align: center;padding: 40rpx 30rpx;background-color: #FFF;border-radius: 20rpx;">
<view>
<view>
<image src="/static/wdfb.png" style="width: 80rpx;height: 80rpx;"></image>
</view>
<view style="margin-top: 10rpx;">
<text>我的发布</text>
</view>
</view>
<view @click="tn('/pages/packageA/user/events_my')">
<view>
<image src="/static/ico1.png" style="width: 80rpx;height: 80rpx;"></image>
</view>
<view style="margin-top: 10rpx;">
<text>我的活动</text>
</view>
</view>
<view>
<view>
<image src="/static/wdsc.png" style="width: 80rpx;height: 80rpx;"></image>
</view>
<view style="margin-top: 10rpx;">
<text>我的收藏</text>
</view>
</view>
<view @click="tn('/pages/index/pizz_info?id='+userInfo.association_id)"> <view @click="tn('/pages/index/pizz_info?id='+userInfo.association_id)">
<view>
<image src="/static/ico5.png" style="width: 80rpx;height: 80rpx;"></image>
</view>
<view style="margin-top: 10rpx;">
<text>所在协会</text>
</view>
</view>
<!-- <view @click="tn('/pages/index/pizz_info?id='+userInfo.association_id)">
<view> <view>
<image src="/static/ico5.png" style="width: 50rpx;height: 50rpx;"></image> <image src="/static/ico5.png" style="width: 50rpx;height: 50rpx;"></image>
</view> </view>
@ -83,18 +117,18 @@
<view style="margin-top: 10rpx;"> <view style="margin-top: 10rpx;">
<text>我的名片</text> <text>我的名片</text>
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
<view style="background-color: #fff;padding-bottom: 0rpx;"> <view style="background-color: #fff;padding-bottom: 0rpx;margin:0rpx 30rpx;border-radius: 20rpx;">
<view style="padding:0px 20rpx;"> <view style="padding:0px 20rpx;">
<tn-list-cell v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_card_holder')"> <tn-list-cell :unlined="true" v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_card_holder')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/icon13.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/icon13.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">名片夹</view> <view style="margin-left: 20rpx;">名片夹</view>
</view> </view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_edit')"> <tn-list-cell :unlined="true" v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_edit')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/icon14.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/icon14.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">信息修改</view> <view style="margin-left: 20rpx;">信息修改</view>
@ -106,48 +140,60 @@
<!-- <view style="margin-left: 20rpx;">所在商/协会</view>--> <!-- <view style="margin-left: 20rpx;">所在商/协会</view>-->
<!-- </view>--> <!-- </view>-->
<!-- </tn-list-cell>--> <!-- </tn-list-cell>-->
<tn-list-cell :arrow="true" v-if="login && userInfo.if_xianshi!=1" <!-- <tn-list-cell :unlined="true" :arrow="true" v-if="login && userInfo.if_xianshi!=1"
@click="tn_ru('/pages/packageA/user/apply_in?association_id='+loginData.association_id)"> @click="tn_ru('/pages/packageA/user/apply_in?association_id='+loginData.association_id)">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico8.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico8.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">入会申请</view> <view style="margin-left: 20rpx;">入会申请</view>
</view> </view>
</tn-list-cell> </tn-list-cell> -->
<tn-list-cell :arrow="true" @click="tn('/pages/packageA/user/my_msg')"> <!-- <tn-list-cell :unlined="true" :arrow="true" @click="tn('/pages/packageA/user/my_msg')">
<view class="tn-flex tn-flex-center tn-flex-col-center" style="position: relative;"> <view class="tn-flex tn-flex-center tn-flex-col-center" style="position: relative;">
<image src="/static/ico9.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico9.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">我的消息</view> <view style="margin-left: 20rpx;">我的消息</view>
<tn-badge v-if="msg()>0" style="position: absolute;right: 40rpx;width: 30rpx;height: 30rpx" <tn-badge v-if="msg()>0" style="position: absolute;right: 40rpx;width: 30rpx;height: 30rpx"
backgroundColor="#E83A30" fontColor="#ffffff">{{msg()}}</tn-badge> backgroundColor="#E83A30" fontColor="#ffffff">{{msg()}}</tn-badge>
</view> </view>
</tn-list-cell> -->
<tn-list-cell :unlined="true" v-if="login" :arrow="true" @click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)">
<view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/icon100.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">我的名片</view>
</view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_invite')"> <tn-list-cell :unlined="true" v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_invite')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">邀请入会</view> <view style="margin-left: 20rpx;">邀请入会</view>
</view> </view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell :unlined="true" v-if="login" :arrow="true" @click="tn('/pages/packageA/user/my_desc')">
<view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/icon101.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">协会服务</view>
</view>
</tn-list-cell>
<!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_assist')">--> <!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_assist')">-->
<!-- <view class="tn-flex tn-flex-center tn-flex-col-center">--> <!-- <view class="tn-flex tn-flex-center tn-flex-col-center">-->
<!-- <image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image>--> <!-- <image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image>-->
<!-- <view style="margin-left: 20rpx;">常见问题</view>--> <!-- <view style="margin-left: 20rpx;">常见问题</view>-->
<!-- </view>--> <!-- </view>-->
<!-- </tn-list-cell>--> <!-- </tn-list-cell>-->
<tn-list-cell v-if="userInfo.shenhe==1&&login" :arrow="true" <tn-list-cell :unlined="true" v-if="userInfo.shenhe==1&&login" :arrow="true"
@click="tn('/pages/packageA/user/user_auditing')"> @click="tn('/pages/packageA/user/user_auditing')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/icon15.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/icon15.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">内容审核</view> <view style="margin-left: 20rpx;">信息审核</view>
</view> </view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell v-if="userInfo.shenhe==1&&login" :arrow="true" <!-- <tn-list-cell :unlined="true" v-if="userInfo.shenhe==1&&login" :arrow="true"
@click="tn('/pages/packageA/user/user_activity')"> @click="tn('/pages/packageA/user/user_activity')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico16.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico16.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">发布活动</view> <view style="margin-left: 20rpx;">发布活动</view>
</view> </view>
</tn-list-cell> </tn-list-cell> -->
<tn-list-cell :arrow="true" @click="tn('/pages/packageA/user/my_idea')"> <tn-list-cell :unlined="true" :arrow="true" @click="tn('/pages/packageA/user/my_idea')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">意见反馈</view> <view style="margin-left: 20rpx;">意见反馈</view>
@ -160,19 +206,24 @@
<view style="margin-left: 20rpx;">会员卡</view> <view style="margin-left: 20rpx;">会员卡</view>
</view> </view>
</tn-list-cell> --> </tn-list-cell> -->
<tn-list-cell v-if="userInfo.business==1" :arrow="true" <tn-list-cell :unlined="true" v-if="userInfo.business==1" :arrow="true"
@click="tn('/pages/packageA/user/my_vip_clerk')"> @click="tn('/pages/packageA/user/my_vip_clerk')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">店员管理</view> <view style="margin-left: 20rpx;">店员管理</view>
</view> </view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell :arrow="true" @click="loginAut"> <!-- <tn-list-cell :arrow="true" @click="loginAut">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">退出帐号</view> <view style="margin-left: 20rpx;">退出帐号</view>
</view> </view>
</tn-list-cell> </tn-list-cell> -->
</view>
</view>
<view style="padding: 30rpx;">
<view style="height: 100rpx;background-color: #FFF;border-radius: 20rpx;line-height: 100rpx;text-align: center">
退出登陆
</view> </view>
</view> </view>
</view> </view>
@ -483,7 +534,7 @@
} }
</script> </script>
<style> <style scoped>
.my_input view { .my_input view {
width: 100% !important; width: 100% !important;
} }
@ -491,4 +542,10 @@
.my_input input { .my_input input {
width: 100% !important; width: 100% !important;
} }
.user_bg{
background: url('https://ysx.hschool.com.cn/uploads/1/20250508/fba457bced27c544cefc8538910bf3ec.png') no-repeat;
background-size: 100%;
height: 100%;
padding-bottom: 100rpx;
}
</style> </style>

BIN
static/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
static/h1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/h2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/h3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/h4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/ico10.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 982 B

BIN
static/ico11.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/ico12.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 880 B

BIN
static/ico13.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 857 B

BIN
static/ico16.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.1 KiB

BIN
static/ico8.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/ico9.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/icon100.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/icon101.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 990 B

BIN
static/icon14.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 607 B

After

Width:  |  Height:  |  Size: 403 B

BIN
static/icon15.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
static/user_ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
static/wdfb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
static/wdsc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/xh_title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB