1.首页2.通讯录3.商户4.我的5.协会简介6.协会活动7.各各图片修改
This commit is contained in:
parent
d461a6d3b8
commit
1321855164
@ -1,11 +1,9 @@
|
||||
<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">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<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:HomeTitle+'通讯录'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="30"></tn-tabs>
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
|
||||
<view style="color: #202020;;text-align: left;font-size: 36rpx;font-weight: 600;">
|
||||
<text>通讯录</text>
|
||||
</view>
|
||||
</view>
|
||||
</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="justify-content-item align-content-item" style="width: 100%;">
|
||||
<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
|
||||
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"
|
||||
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 class="align-content-item">
|
||||
<!-- <view class="align-content-item">
|
||||
<view class="justify-content-item tn-text-center">
|
||||
<tn-button @click="serach_do" backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx"
|
||||
width="150rpx">
|
||||
@ -41,19 +43,20 @@
|
||||
</tn-button>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-classify__container">
|
||||
|
||||
<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">
|
||||
<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)">
|
||||
<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>
|
||||
</scroll-view>
|
||||
|
||||
@ -66,26 +69,24 @@
|
||||
<view class="tn-classify__content__sub-classify__content " style="padding-bottom: 120rpx;">
|
||||
<view v-for="(item,index) in list" :key="index">
|
||||
<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}}
|
||||
</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)"
|
||||
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"
|
||||
style="width: 100rpx;height: 100rpx;border-radius:50%;">
|
||||
style="width: 130rpx;height: 180rpx;border-radius:8rpx;" mode="aspectFill">
|
||||
</image>
|
||||
</view>
|
||||
<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
|
||||
style="margin-left: 50rpx;">{{v.nation==null||v.nation==''?'':v.nation}}</text>
|
||||
</view>
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
@ -400,8 +401,9 @@
|
||||
/* 侧边导航 start */
|
||||
&__tabbar {
|
||||
&__item {
|
||||
height: 90rpx;
|
||||
|
||||
height: 100rpx;
|
||||
color: #999999;
|
||||
background-color: #F5F5F5;
|
||||
&:first-child {
|
||||
border-top-right-radius: 0rpx;
|
||||
}
|
||||
@ -414,7 +416,7 @@
|
||||
background-color: #FFFFFF;
|
||||
position: relative;
|
||||
// font-weight: bold;
|
||||
color: #4AA2EF;
|
||||
color: #2368F2;
|
||||
|
||||
&--prev {
|
||||
border-bottom-right-radius: 26rpx;
|
||||
@ -422,6 +424,7 @@
|
||||
|
||||
&--next {
|
||||
border-top-right-radius: 26rpx;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -432,7 +435,6 @@
|
||||
/* 分类内容 start */
|
||||
&__content {
|
||||
margin: 18rpx;
|
||||
|
||||
/* 推荐商品 start */
|
||||
&__recomm {
|
||||
margin-bottom: 40rpx;
|
||||
@ -454,7 +456,6 @@
|
||||
}
|
||||
|
||||
&__content {
|
||||
|
||||
&__item {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<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">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="width: 100%;">
|
||||
@ -21,7 +21,7 @@
|
||||
<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%;"
|
||||
@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>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
@ -224,9 +224,14 @@
|
||||
<view style="position: relative;">
|
||||
<view style="position: absolute;bottom: 0;z-index: 100;width: 100%;">
|
||||
<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 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
|
||||
style="width:100%;text-align: left;position: absolute;color: #FFF;z-index: 1000;bottom: 0;padding: 15px;">
|
||||
<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>
|
||||
<image :src="apiImgUrl+item.activity_image" mode="aspectFill"
|
||||
@ -259,39 +264,46 @@
|
||||
</view>
|
||||
<view style="margin: 20rpx 0rpx 20rpx 20rpx;">
|
||||
<view style="padding:20rpx;">
|
||||
<!-- <tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}"
|
||||
activeColor="#3377FF" :current="current" name="name" @change="change" :fontSize="28"></tn-tabs> -->
|
||||
<scroll-view :scroll-x="true" style="white-space: nowrap;width: 100%">
|
||||
<view style="display: inline-block;margin-right: 50rpx;" v-for="item in goryList">
|
||||
<view class="news_title">{{item.name}}</view>
|
||||
<image src="/static/news_title.png" style="width: 50rpx;" mode="widthFix" class="no-img"></image>
|
||||
<scroll-view :scroll-x="true" style="white-space: nowrap;width: 100%">
|
||||
<view style="display: inline-block;margin-right: 50rpx;" v-for="(item,index) in goryList"
|
||||
@click="change(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: -1;width: 50rpx;position: absolute;bottom: 0;right: -10rpx;"
|
||||
mode="widthFix" class="no-img"></image>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding:0px 28rpx;padding-bottom: 20rpx;min-height:1000rpx">
|
||||
<view v-for="(item,index) in news_list" :class="{ 'rounded_corner': index === 0 }"
|
||||
style="background-color: #ffffff;">
|
||||
<view class="tn-flex" @click="openNewUrl(item)" style="padding: 20rpx;min-height: 200rpx;">
|
||||
<view v-if="item.news_image">
|
||||
<image :src="apiImgUrl+item.news_image" mode="aspectFill"
|
||||
style="width: 230rpx;height: 180rpx;border-radius: 8rpx;"></image>
|
||||
</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
|
||||
style="padding:0px 28rpx;padding-bottom: 20rpx;border-radius: 20rpx;background-color: #FFF;margin: 25rpx;">
|
||||
<view v-for="(item,index) in news_list">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center" @click="openNewUrl(item)"
|
||||
style="min-height: 200rpx;padding: 40rpx 0rpx;">
|
||||
<view style="padding-right: 20rpx;width: 400rpx;">
|
||||
<view class="tn-text-ellipsis-2" style="font-size: 28rpx;font-weight: 600;">
|
||||
{{ item.news_title }}</view>
|
||||
<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">
|
||||
<view>{{ item.name }}</view>
|
||||
style="font-size:26rpx;color:#9B9B9B;margin-top: 50rpx;font-weight: 300;">
|
||||
<!-- <view>{{ item.name }}</view> -->
|
||||
<view>{{ formatTime(item.showtime) }}</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 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 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>
|
||||
@ -691,7 +703,7 @@
|
||||
},
|
||||
formatTime(time) {
|
||||
const [year, month, day] = time.split(' ')[0].split('-');
|
||||
return `${year}-${month}-${day}`;
|
||||
return `${year}.${month}.${day}`;
|
||||
},
|
||||
}
|
||||
}
|
||||
@ -699,12 +711,11 @@
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.my_tag {
|
||||
padding: 8rpx 30rpx;
|
||||
font-size: 20rpx;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
border-radius:22rpx;
|
||||
border-radius: 22rpx;
|
||||
}
|
||||
|
||||
.rounded_corner {
|
||||
@ -737,13 +748,21 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.news_title{
|
||||
|
||||
.news_title {
|
||||
color: #9B9B9B;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
.news_title_active{
|
||||
|
||||
.news_title_active {
|
||||
color: #323232;
|
||||
font-size: 35rpx;
|
||||
font-weight: 600;;
|
||||
font-weight: 600;
|
||||
;
|
||||
}
|
||||
|
||||
.home_bg {
|
||||
background: url('/static/home_top_bg.png') no-repeat;
|
||||
background-size: 100%
|
||||
}
|
||||
</style>
|
||||
@ -23,10 +23,9 @@
|
||||
</view> -->
|
||||
<view @touchmove="preventTouchMove" v-if="tabberPageLoadFlag[3]"
|
||||
:style="{display: currentIndex === 3 ? '' : 'none'}">
|
||||
<scroll-view scroll-y class="custom-tabbar-page" style="height: 100vh;" scroll-y enable-back-to-top
|
||||
@scrolltolower="tabbarPageScrollLower">
|
||||
<view>
|
||||
<Pizz ref="pizz"></Pizz>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="tabberPageLoadFlag[4]" :style="{display: currentIndex === 4 ? '' : 'none'}">
|
||||
<scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
|
||||
@ -83,13 +82,13 @@
|
||||
out: true
|
||||
},
|
||||
{
|
||||
title: '发现',
|
||||
title: '商会',
|
||||
activeIcon: '/static/03_3.png',
|
||||
inactiveIcon: '/static/03.png',
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
title: '个人中心',
|
||||
title: '我的',
|
||||
activeIcon: '/static/04_4.png',
|
||||
inactiveIcon: '/static/04.png',
|
||||
id: 3,
|
||||
|
||||
@ -1,18 +1,17 @@
|
||||
<template>
|
||||
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;">
|
||||
<tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="#FFFFFF">
|
||||
<view style="background-color:#F7F7F7;letter-spacing: 1rpx;min-height: 100vh;">
|
||||
<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="tn-margin-top" style="text-align: center;">
|
||||
<text>发现</text>
|
||||
<view style="color: #ffffff;;text-align: left;font-size: 36rpx;font-weight: 600;">
|
||||
<text>商会</text>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"
|
||||
style="background-color: #ffffff;padding-bottom: 10rpx;">
|
||||
<view style="padding:0rpx 20rpx">
|
||||
<view style="background-color: #2368F2;height: 350rpx;">
|
||||
<!-- <view style="padding:0rpx 20rpx">
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin"
|
||||
style="background-color: #ffffff;">
|
||||
<view class="justify-content-item align-content-item" style="width: 100%;">
|
||||
style="background-color: #ffffff;"> -->
|
||||
<!-- <view class="justify-content-item align-content-item" style="width: 100%;">
|
||||
<view class="tn-flex tn-flex-col-center"
|
||||
style="border-radius: 100rpx;padding: 15rpx 20rpx;width: 100%;background-color:#F1F2F8;">
|
||||
<text
|
||||
@ -21,9 +20,9 @@
|
||||
class="justify-content-item" placeholder="请输入协会名称进行搜索" name="input"
|
||||
placeholder-style="color:#AAAAAA" style="width: 90%;"></input>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view>
|
||||
<!-- <view>
|
||||
<view class="justify-content-item tn-text-center">
|
||||
<tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx"
|
||||
@click="onsubmit()">
|
||||
@ -31,8 +30,8 @@
|
||||
</tn-button>
|
||||
</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 style="color: #E15033;">-->
|
||||
@ -61,52 +60,56 @@
|
||||
<!-- <text class="tn-icon-down-triangle"></text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<view style="padding:30rpx 30rpx 180rpx 30rpx;">
|
||||
<view style="position: relative;" @click="switchTabbar(61)">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center"
|
||||
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>
|
||||
<image :src="apiImgUrl+'/uploads/1/20240628/a78696e22b3cecbf678afbbcca617fca.png'"
|
||||
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;">洛阳市总商会
|
||||
<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;padding-top: 50rpx;" @click="switchTabbar(61)">
|
||||
<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;">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<view>
|
||||
<image :src="apiImgUrl+'/uploads/1/20240628/a78696e22b3cecbf678afbbcca617fca.png'"
|
||||
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
|
||||
</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
|
||||
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
|
||||
style="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 class="triangle"></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 class="tn-flex tn-flex-center tn-flex-col-center"
|
||||
style="background-color: #ffffff;padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 30rpx;">
|
||||
<view>
|
||||
<image :lazy-load="true" :src="apiImgUrl+item.association_image"
|
||||
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
|
||||
</view>
|
||||
<view style="margin-left: 30rpx;">
|
||||
<view style="font-size: 32rpx;font-weight: 600;">{{item.association_name}}
|
||||
<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);background: rgba(255,255,255,0.6);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 30rpx;">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<view>
|
||||
<image :lazy-load="true" :src="apiImgUrl+item.association_image"
|
||||
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
|
||||
</view>
|
||||
<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 style="font-size: 28rpx;color: #888888;margin-top: 15rpx;">成立时间：{{item.createtime}}</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>
|
||||
</scroll-view>
|
||||
<view
|
||||
style="padding:30rpx 30rpx 180rpx 30rpx;background-color: #F7F7F7;border-radius: 20rpx 20rpx 0rpx 0rpx;margin-top: -40rpx;">
|
||||
|
||||
|
||||
</view>
|
||||
<!-- <view style="position: fixed;bottom: 13%;width: 100%;">-->
|
||||
<!-- <view @click="tn('/pages/index/enter_in')"-->
|
||||
@ -161,6 +164,9 @@
|
||||
this.getAssociationIndex();
|
||||
},
|
||||
ReachBottom() {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
this.page = this.page + 1;
|
||||
//this.getNewsList();
|
||||
this.getAssociationIndex();
|
||||
@ -176,6 +182,7 @@
|
||||
if (res.code == 1) {
|
||||
this.list.push(...res.data);
|
||||
}
|
||||
uni.hideLoading();
|
||||
})
|
||||
.catch(error => {
|
||||
uni.showToast({
|
||||
@ -198,14 +205,14 @@
|
||||
.triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 20rpx solid #13C296;
|
||||
border-right: 20rpx solid transparent;
|
||||
border-left: 20rpx solid transparent;
|
||||
border-top: 10rpx solid #2368F2;
|
||||
border-right: 10rpx solid transparent;
|
||||
border-left: 10rpx solid transparent;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
bottom: -12rpx;
|
||||
bottom: -11rpx;
|
||||
z-index: 100;
|
||||
}
|
||||
</style>
|
||||
@ -1,19 +1,17 @@
|
||||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<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 style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></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 class="xh_bg">
|
||||
<tn-nav-bar customBack :bottomShadow="false" backgroundColor="transparent">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
|
||||
<view style="color: #ffffff;;text-align: left;font-size: 36rpx;font-weight: 600;">
|
||||
<text>协会介绍</text>
|
||||
</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>
|
||||
<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"
|
||||
@change="cardSwiper" style="height: 370rpx;">
|
||||
<swiper-item style="padding: 0px;border-radius: 0;">
|
||||
@ -28,10 +26,9 @@
|
||||
<text class="tn-icon-qr-code" style="font-size: 40rpx;"></text>
|
||||
</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 style="min-width: 200rpx;">协会地址</view>
|
||||
<view>{{info.association_dizhi}}</view>
|
||||
@ -45,13 +42,42 @@
|
||||
<view style="min-width: 200rpx;">联系方式</view>
|
||||
<view>{{info.association_phone}}</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 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'}"
|
||||
style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6"
|
||||
:barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}"
|
||||
activeColor="#000" inactiveColor="#9B9B9B" :barWidth="50" :barHeight="6"
|
||||
:barStyle="{'background': 'linear-gradient(-45deg, #2368F2, #2368F2)','borderRadius': '4rpx'}"
|
||||
: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;">-->
|
||||
<!-- <image src="/static/b1.png"-->
|
||||
<!-- 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>
|
||||
</view>
|
||||
</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"
|
||||
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar>
|
||||
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
|
||||
</view>
|
||||
|
||||
</template>
|
||||
@ -372,6 +398,10 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
<style scoped>
|
||||
.xh_bg {
|
||||
letter-spacing: 1rpx;
|
||||
background: url('https://ysx.hschool.com.cn/uploads/1/20250508/939229a8d7b1eff5003689808630e08d.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -1,85 +1,90 @@
|
||||
<template>
|
||||
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;">
|
||||
<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 style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></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 style="background-color: #F7F7F7;letter-spacing: 1rpx;min-height: 100vh;">
|
||||
<tn-nav-bar customBack :bottomShadow="false" backgroundColor="#ffffff">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
|
||||
<view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
|
||||
<text>协会活动</text>
|
||||
</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>
|
||||
<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="justify-content-item align-content-item" style="width: 100%;">
|
||||
<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
|
||||
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"
|
||||
placeholder-style="color:#AAAAAA" style="width: 90%;"></input>
|
||||
</view>
|
||||
</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>
|
||||
|
||||
placeholder-style="color:#9B9B9B" style="width: 90%;"></input>
|
||||
<view style="height: 50rpx;width: 1px;background-color: #2368F2"></view>
|
||||
<view @click="onsubmit()" style="width: 180rpx;text-align: center;">
|
||||
<text style="color: #2368F2;">搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange"
|
||||
activeColor="#3668FC"></tn-tabs>
|
||||
<!-- <tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange"
|
||||
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 style="padding-bottom: 30rpx;">
|
||||
|
||||
<view style="padding: 30rpx 0rpx;">
|
||||
<tn-grid align="left" :col="2">
|
||||
<block v-for="(item,index) in actList">
|
||||
<tn-grid-item style="width:50%">
|
||||
<view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)"
|
||||
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;">
|
||||
<view>
|
||||
<image :src="apiImgUrl+item.activity_image" mode="aspectFill"
|
||||
style="width: 350rpx;height: 170rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<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 v-for="(item,index) in actList" style="padding:0rpx 30rpx 30rpx 30rpx;">
|
||||
<view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)"
|
||||
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;">
|
||||
<view>
|
||||
<image :src="apiImgUrl+item.activity_image" mode="aspectFill"
|
||||
style="width: 100%;height: 350rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view style="padding:10rpx 20rpx;font-weight: 400;">
|
||||
<view class="tn-text-ellipsis-3" style="text-align: left;font-size: 30rpx;font-weight: 600;">
|
||||
{{ item.activity_name }}
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
</block>
|
||||
</tn-grid>
|
||||
<view style="font-size: 24rpx;margin-top: 20rpx;color: #9B9B9B;">
|
||||
活动时间：{{formatTime(item.activity_start_time)}}至{{formatTime(item.activity_end_time)}}
|
||||
</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 style="padding-bottom: 120rpx;">
|
||||
<tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more>
|
||||
</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"
|
||||
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar>
|
||||
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -218,11 +223,31 @@
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
}
|
||||
},
|
||||
formatTime(time) {
|
||||
const [year, month, day] = time.split(' ')[0].split('-');
|
||||
return `${year}.${month}.${day}`;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.news_title {
|
||||
color: #9B9B9B;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.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>
|
||||
@ -1,9 +1,7 @@
|
||||
<template>
|
||||
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;">
|
||||
<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: 30rpx;width: 100%;">
|
||||
<view class="user_bg">
|
||||
<view :style="{paddingTop: vuex_custom_bar_height +40+ 'rpx'}">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding:100rpx 30rpx 30rpx 30rpx;width: 100%;">
|
||||
<view v-if="login && userInfo.photo_image">
|
||||
<image :src="apiImgUrl+userInfo.photo_image"
|
||||
@click="tn_ru('/pages/packageA/user/my_card?id='+userInfo.member_id)"
|
||||
@ -14,14 +12,14 @@
|
||||
</view>
|
||||
<view style="width: 100%;">
|
||||
<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)">
|
||||
<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;">
|
||||
{{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"
|
||||
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"
|
||||
style="font-size: 24rpx;margin-top: 10rpx;">
|
||||
游客
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view @click="tn('/pages/packageA/user/my_edit')">
|
||||
<image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>
|
||||
<view @click="tn('/pages/packageA/user/my_msg')">
|
||||
<image class="no-img" src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="!login" class="tn-flex tn-flex-col-center tn-flex-row-between">
|
||||
@ -46,13 +44,49 @@
|
||||
<!-- </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 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"
|
||||
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>
|
||||
<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>
|
||||
<image src="/static/ico5.png" style="width: 50rpx;height: 50rpx;"></image>
|
||||
</view>
|
||||
@ -83,18 +117,18 @@
|
||||
<view style="margin-top: 10rpx;">
|
||||
<text>我的名片</text>
|
||||
</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;">
|
||||
<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">
|
||||
<image src="/static/icon13.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">名片夹</view>
|
||||
</view>
|
||||
</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">
|
||||
<image src="/static/icon14.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">信息修改</view>
|
||||
@ -106,48 +140,60 @@
|
||||
<!-- <view style="margin-left: 20rpx;">所在商/协会</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </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)">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<image src="/static/ico8.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/packageA/user/my_msg')">
|
||||
</tn-list-cell> -->
|
||||
<!-- <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;">
|
||||
<image src="/static/ico9.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">我的消息</view>
|
||||
<tn-badge v-if="msg()>0" style="position: absolute;right: 40rpx;width: 30rpx;height: 30rpx"
|
||||
backgroundColor="#E83A30" fontColor="#ffffff">{{msg()}}</tn-badge>
|
||||
</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 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">
|
||||
<image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">邀请入会</view>
|
||||
</view>
|
||||
</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')">-->
|
||||
<!-- <view class="tn-flex tn-flex-center tn-flex-col-center">-->
|
||||
<!-- <image src="/static/ico10.png" style="width: 50rpx;height: 50rpx"></image>-->
|
||||
<!-- <view style="margin-left: 20rpx;">常见问题</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </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')">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<image src="/static/icon15.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">内容审核</view>
|
||||
<view style="margin-left: 20rpx;">信息审核</view>
|
||||
</view>
|
||||
</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')">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<image src="/static/ico16.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/packageA/user/my_idea')">
|
||||
</tn-list-cell> -->
|
||||
<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">
|
||||
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">意见反馈</view>
|
||||
@ -160,19 +206,24 @@
|
||||
<view style="margin-left: 20rpx;">会员卡</view>
|
||||
</view>
|
||||
</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')">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">店员管理</view>
|
||||
</view>
|
||||
</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">
|
||||
<image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image>
|
||||
<view style="margin-left: 20rpx;">退出帐号</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>
|
||||
@ -483,7 +534,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style scoped>
|
||||
.my_input view {
|
||||
width: 100% !important;
|
||||
}
|
||||
@ -491,4 +542,10 @@
|
||||
.my_input input {
|
||||
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>
|
||||
BIN
static/back.png
Normal file
BIN
static/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/h1.png
BIN
static/h1.png
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 2.3 KiB |
BIN
static/h2.png
BIN
static/h2.png
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 2.6 KiB |
BIN
static/h3.png
BIN
static/h3.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.2 KiB |
BIN
static/h4.png
BIN
static/h4.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 2.6 KiB |
BIN
static/ico10.png
BIN
static/ico10.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 982 B |
BIN
static/ico11.png
BIN
static/ico11.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
BIN
static/ico12.png
BIN
static/ico12.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 880 B |
BIN
static/ico13.png
BIN
static/ico13.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 857 B |
BIN
static/ico16.png
BIN
static/ico16.png
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
BIN
static/ico8.png
BIN
static/ico8.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
static/ico9.png
BIN
static/ico9.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
BIN
static/icon100.png
Normal file
BIN
static/icon100.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/icon101.png
Normal file
BIN
static/icon101.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 990 B |
Binary file not shown.
|
Before Width: | Height: | Size: 607 B After Width: | Height: | Size: 403 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
BIN
static/user_ru.png
Normal file
BIN
static/user_ru.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
static/wdfb.png
Normal file
BIN
static/wdfb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
static/wdsc.png
Normal file
BIN
static/wdsc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
static/xh_title.png
Normal file
BIN
static/xh_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Loading…
x
Reference in New Issue
Block a user