修改部分页面
This commit is contained in:
parent
7155b4855e
commit
03adf89578
@ -34,7 +34,7 @@
|
|||||||
<view style="display: inline-block;margin-right: 50rpx;" v-for="(item,index) in tabList"
|
<view style="display: inline-block;margin-right: 50rpx;" v-for="(item,index) in tabList"
|
||||||
@click="tabChange(index)">
|
@click="tabChange(index)">
|
||||||
<view style="position: relative;">
|
<view style="position: relative;">
|
||||||
<view :class="current == index?'news_title_active':'news_title'">{{item.name}}</view>
|
<view :class="current == index ? 'news_title_active' : 'news_title' ">{{item.name}}</view>
|
||||||
<image v-if="current == index" src="/static/news_title.png"
|
<image v-if="current == index" src="/static/news_title.png"
|
||||||
style="z-index: 0;width: 50rpx;position: absolute;bottom: 0;right: -10rpx;"
|
style="z-index: 0;width: 50rpx;position: absolute;bottom: 0;right: -10rpx;"
|
||||||
mode="widthFix" class="no-img"></image>
|
mode="widthFix" class="no-img"></image>
|
||||||
|
@ -1,42 +1,62 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="page-c">
|
<view class="page-c">
|
||||||
<tn-nav-bar :isBack="false" backTitle="" :alpha="true" :bottomShadow="false">
|
<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;color: #ffffff"></text>
|
<text>会员名片</text>
|
||||||
</view>
|
|
||||||
<view class="tn-margin-top" @click="goBack()">
|
|
||||||
<tn-tabs :list="[{name:'会员名片'}]" :current="topCurrent" activeColor="#ffffff" :bold="false"
|
|
||||||
:fontSize="24"></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="height: 550rpx;">
|
<view style="height: 550rpx;">
|
||||||
<view style="width: 100%;height: 450rpx;position: absolute;top: 0;">
|
<view style="width: 100%;height: 450rpx;position: absolute;top: 0;">
|
||||||
<image v-if="userThisInfo.background_image==''||userThisInfo.background_image==null"
|
<!-- <image v-if="userThisInfo.background_image == '' || userThisInfo.background_image == null"
|
||||||
src="https://ysx.hschool.com.cn/uploads/bj.png" style="width: 100%;height: 450rpx;opacity: 0.8;">
|
src="https://ysx.hschool.com.cn/uploads/bj.png" style="width: 100%;height: 450rpx;opacity: 0.8;">
|
||||||
</image>
|
</image>
|
||||||
<image v-if="userThisInfo.background_image!=''&&userThisInfo.background_image!=null"
|
<image v-if="userThisInfo.background_image != ''&&userThisInfo.background_image!=null"
|
||||||
:src="apiImgUrl+userThisInfo.background_image" style="width: 100%;height: 450rpx;opacity: 0.8;">
|
:src="apiImgUrl+userThisInfo.background_image" style="width: 100%;height: 450rpx;opacity: 0.8;">
|
||||||
|
</image> -->
|
||||||
|
<image
|
||||||
|
src="@/static/wdmp.png" style="width: 100%;height: 450rpx;opacity: 0.8;">
|
||||||
</image>
|
</image>
|
||||||
<view style="bottom:-105rpx;position: absolute;left: 28rpx;">
|
|
||||||
<view class="tn-flex tn-flex-center tn-flex-col-center">
|
<view class="mycards">
|
||||||
<view style="width: 170rpx;height: 170rpx;position: relative;">
|
<view class="tn-flex tn-flex-center" style="height: 100%;justify-content: space-between;">
|
||||||
<image v-if="userThisInfo.photo_image != null" :src="apiImgUrl+userThisInfo.photo_image"
|
<view class="tn-flex" style="margin-left: 60rpx;padding-top: 40rpx;height: 100%;flex-flow: column;">
|
||||||
mode="aspectFill" style="width: 170rpx;height: 170rpx;border-radius: 50%;"></image>
|
<view class="tn-flex tn-flex-col-center">
|
||||||
<image v-if="userThisInfo.photo_image == null" src="/static/def.png" mode="aspectFill"
|
<span style="font-size: 36rpx;color: #323232;font-weight: 600">
|
||||||
style="width: 170rpx;height: 170rpx;border-radius: 50%;"></image>
|
{{userThisInfo.nikename}}
|
||||||
</view>
|
</span>
|
||||||
<view style="margin-left: 10rpx">
|
<view class="title_posi">
|
||||||
<view style="font-size: 35rpx;color: #ffffff;font-weight: 600">{{userThisInfo.nikename}}
|
{{userThisInfo.position_name == null || userThisInfo.position_name == '' ? '无' : userThisInfo.position_name }}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view style="font-size: 28rpx;margin-top: 10rpx;">
|
<view style="font-size: 28rpx;margin-top: 10rpx;">
|
||||||
|
<text>{{userThisInfo.enterprise_name == null || userThisInfo.enterprise_name == '' ? '未填写' : userThisInfo.enterprise_name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="lines"></view>
|
||||||
|
<view style="font-size: 28rpx;">
|
||||||
|
<text>联系电话:{{userThisInfo.phone}}</text>
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 28rpx;margin-top: 10rpx;">
|
||||||
|
<text>所在地:{{'郑州市'}}</text>
|
||||||
|
</view>
|
||||||
|
<!-- <view style="font-size: 28rpx;margin-top: 10rpx;">
|
||||||
<text>协会职务:{{userThisInfo.position_name == null || userThisInfo.position_name == '' ? '无' : userThisInfo.position_name }}</text>
|
<text>协会职务:{{userThisInfo.position_name == null || userThisInfo.position_name == '' ? '无' : userThisInfo.position_name }}</text>
|
||||||
<text style="margin-left: 40rpx">性别:{{userThisInfo.gender==0?'女':'男'}}</text>
|
<text style="margin-left: 40rpx">性别:{{userThisInfo.gender==0?'女':'男'}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-top: 10rpx" v-if="userThisInfo.if_tongyi == 0">
|
<view style="margin-top: 10rpx" v-if="userThisInfo.if_tongyi == 0">
|
||||||
联系方式:{{userThisInfo.phone}}</view>
|
联系方式:{{userThisInfo.phone}}</view>
|
||||||
<view style="margin-top: 10rpx" v-if="userThisInfo.if_tongyi!=0">联系方式:***********</view>
|
<view style="margin-top: 10rpx" v-if="userThisInfo.if_tongyi!=0">联系方式:***********</view> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="tn-flex tn-flex-col-center tn-flex-row-center" style="width: 128rpx;height: 128rpx;border-radius: 50%;position: relative;margin-top: 40rpx;margin-right: 60rpx;background-color: #ffffff;">
|
||||||
|
<image v-if="userThisInfo.photo_image != null" :src="apiImgUrl+userThisInfo.photo_image"
|
||||||
|
mode="aspectFill" style="width: 124rpx;height: 124rpx;border-radius: 50%;"></image>
|
||||||
|
<image v-if="userThisInfo.photo_image == null" src="/static/def.png" mode="aspectFill"
|
||||||
|
style="width: 124rpx;height: 124rpx;border-radius: 50%;"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -44,35 +64,51 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view style="padding: 30rpx 30rpx 240rpx 30rpx;">
|
<view style="padding: 30rpx 30rpx 240rpx 30rpx;">
|
||||||
<view style="font-size: 30rpx;font-weight: 600;margin-bottom: 20rpx">个人经历</view>
|
<!-- <view style="font-size: 30rpx;font-weight: 600;margin-bottom: 20rpx">个人经历</view>
|
||||||
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;">
|
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;">
|
||||||
<view style="padding: 20rpx;line-height: 50rpx;">
|
<view style="padding: 20rpx;line-height: 50rpx;">
|
||||||
<view class="tn-text-ellipsis-5" @click="editInfo = true; editType=1">
|
<view class="tn-text-ellipsis-5" @click="editInfo = true; editType=1">
|
||||||
{{userThisInfo.introduction==''||userThisInfo.introduction==null?'无':userThisInfo.introduction}}
|
{{userThisInfo.introduction==''||userThisInfo.introduction==null?'无':userThisInfo.introduction}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view style="font-size: 30rpx;font-weight: 600;margin-bottom: 20rpx;margin-top: 30rpx">企业介绍</view>
|
<!-- <view style="font-size: 30rpx;font-weight: 600;margin-bottom: 20rpx;margin-top: 30rpx">企业介绍</view> -->
|
||||||
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;">
|
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;">
|
||||||
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 20rpx;">
|
<view class="tn-flex tn-flex-center " style="padding: 20rpx;">
|
||||||
<view style="padding-left: 20rpx">
|
<view style="padding-left: 20rpx">
|
||||||
<image v-if="userThisInfo.company_image != '' " :src="apiImgUrl+userThisInfo.company_image"
|
<image v-if="userThisInfo.company_image != '' " :src="apiImgUrl+userThisInfo.company_image"
|
||||||
mode="aspectFill" style="width: 160rpx;height: 160rpx;"></image>
|
mode="aspectFill" style="width: 100rpx;height: 100rpx;border-radius: 12rpx;"></image>
|
||||||
<view v-if="userThisInfo.company_image == '' "
|
<view v-if="userThisInfo.company_image == '' "
|
||||||
style="width: 160rpx;height: 160rpx;background: #d9d9d9;"></view>
|
style="width: 100rpx;height: 100rpx;background: #d9d9d9;border-radius: 12rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
<view style="font-size: 24rpx;color: #666666;margin-left: 30rpx;">
|
<view style="font-size: 26rpx;color: #9B9B9B;margin-left: 30rpx;">
|
||||||
<view style="font-size: 36rpx;font-weight: 600;color: #000000">
|
<view style="font-size: 36rpx;font-weight: 600;color: #323232;">
|
||||||
{{userThisInfo.enterprise_name == null || userThisInfo.enterprise_name == '' ? '未填写' : userThisInfo.enterprise_name}}
|
{{userThisInfo.enterprise_name == null || userThisInfo.enterprise_name == '' ? '未填写' : userThisInfo.enterprise_name}}
|
||||||
</view>
|
</view>
|
||||||
<view style="margin: 15rpx 0rpx">
|
<view style="margin: 20rpx 0rpx">
|
||||||
所属行业:{{ userThisInfo.industry_id == -1 ? '其他行业' : userThisInfo.industry_name }}</view>
|
所属行业:{{ userThisInfo.industry_id == -1 ? '其他行业' : userThisInfo.industry_name }}</view>
|
||||||
<view>
|
<view class="tn-flex tn-flex-row-between">
|
||||||
企业地址:{{userThisInfo.enterprise_location==null||userThisInfo.enterprise_location==''?'无':userThisInfo.enterprise_location}}
|
<span style="width: 440rpx;">企业地址:{{userThisInfo.enterprise_location==null||userThisInfo.enterprise_location==''?'无':userThisInfo.enterprise_location}}
|
||||||
|
</span>
|
||||||
|
<image src="/static/dizhi.png" mode=""
|
||||||
|
style="width: 50rpx;height: 50rpx;"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
<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 class="tn-flex tn-flex-row-center" style="position: relative;padding: 35rpx 0;">
|
||||||
|
<view :class="current == index ? 'news_title_active' : 'news_title' ">{{item.name}}</view>
|
||||||
|
<view v-if="current == index" class="bottom_line"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;margin-top: 30rpx;">
|
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;margin-top: 30rpx;">
|
||||||
<view style="padding: 20rpx;line-height: 50rpx;" @click="editInfo=true;editType=2">
|
<view style="padding: 20rpx;line-height: 50rpx;" @click="editInfo=true;editType=2">
|
||||||
<view class="tn-text-ellipsis-10">
|
<view class="tn-text-ellipsis-10">
|
||||||
@ -81,16 +117,20 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-flex" style="width: 100%;position: fixed;bottom: 0;">
|
<view class="tn-flex" style="width: 100%;position: fixed;bottom: 0;padding:20rpx 30rpx 70rpx 30rpx;background: #ffffff;">
|
||||||
<view style="background: #418ef2;height: 100rpx;text-align: center;line-height: 100rpx;color: #ffffff;"
|
<view style="background: #ffffff;height: 77rpx;text-align: center;line-height: 77rpx;margin-top: 10rpx;" class="tn-flex-2">
|
||||||
class="tn-flex-8" @click="addModeShow">
|
|
||||||
{{userThisInfo.if_tongyi!=0?'申请查看联系方式':'立刻联系'}}
|
|
||||||
</view>
|
|
||||||
<view style="background: #ffffff;height: 100rpx;text-align: center;line-height: 100rpx;" class="tn-flex-4">
|
|
||||||
<tn-button openType="share" backgroundColor="#ffffff">
|
<tn-button openType="share" backgroundColor="#ffffff">
|
||||||
<text class="tn-icon-send-fill" style="color: #418ef2;font-size: 40rpx;"></text>
|
<view class="tn-flex tn-flex-row-center tn-flex-direction-column">
|
||||||
|
<image src="/static/fenxiang.png" mode=""
|
||||||
|
style="width: 40rpx;height: 40rpx;"></image>
|
||||||
|
<text style="color: #3D3D3D;font-size: 20rpx;margin-top: 10rpx;">分享</text>
|
||||||
|
</view>
|
||||||
</tn-button>
|
</tn-button>
|
||||||
</view>
|
</view>
|
||||||
|
<view style="background: #2368F2;height: 77rpx;text-align: center;line-height: 77rpx;color: #ffffff;border-radius: 164rpx;font-size: 32rpx;margin-top: 10rpx;"
|
||||||
|
class="tn-flex-10" @click="addModeShow">
|
||||||
|
{{userThisInfo.if_tongyi!=0?'申请查看联系方式':'立刻联系'}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="bg-tabbar-shadow"></view>
|
<view class="bg-tabbar-shadow"></view>
|
||||||
<tn-modal v-model="addMod" :custom="true">
|
<tn-modal v-model="addMod" :custom="true">
|
||||||
@ -168,13 +208,18 @@
|
|||||||
is: false,
|
is: false,
|
||||||
editInfo: false,
|
editInfo: false,
|
||||||
editType: 1,
|
editType: 1,
|
||||||
|
current:0,
|
||||||
addData: {
|
addData: {
|
||||||
content: '',
|
content: '',
|
||||||
association_id: store.state.Gid,
|
association_id: store.state.Gid,
|
||||||
member_q_id: 0,
|
member_q_id: 0,
|
||||||
member_b_id: 0,
|
member_b_id: 0,
|
||||||
type: 1
|
type: 1
|
||||||
}
|
},
|
||||||
|
tabList:[
|
||||||
|
{name:'企业介绍'},
|
||||||
|
{name:'主营业务'}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(d) {
|
onLoad(d) {
|
||||||
@ -217,6 +262,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tabChange(d) {
|
||||||
|
console.log(d);
|
||||||
|
this.current = d;
|
||||||
|
// this.page = 1;
|
||||||
|
// this.actList = [];
|
||||||
|
// this.getActivityIndex();
|
||||||
|
},
|
||||||
addModeShow() {
|
addModeShow() {
|
||||||
var uid = uni.getStorageSync('uid');
|
var uid = uni.getStorageSync('uid');
|
||||||
if (!uid) {
|
if (!uid) {
|
||||||
@ -332,7 +384,7 @@
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.page-c {
|
.page-c {
|
||||||
background-color: #EBF4F7;
|
background-color: #f7f7f7;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -586,4 +638,60 @@
|
|||||||
-webkit-line-clamp: 10;
|
-webkit-line-clamp: 10;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
}
|
}
|
||||||
|
.mycards{
|
||||||
|
bottom:-105rpx;
|
||||||
|
position: absolute;
|
||||||
|
margin:0 30rpx;
|
||||||
|
width: 690rpx;
|
||||||
|
height: 330rpx;
|
||||||
|
background: url('/static/mycard.png');
|
||||||
|
background-size: 100%;
|
||||||
|
color: #323232;
|
||||||
|
z-index: 1;
|
||||||
|
&::before{
|
||||||
|
content: " ";
|
||||||
|
position: absolute;
|
||||||
|
top: 0; left: 0; right: 0; bottom: 0;
|
||||||
|
filter: blur(71rpx); /* 应用模糊效果 */
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.title_posi{
|
||||||
|
// width: 94rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
height: 38rpx;
|
||||||
|
background: #2368F2;
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 38rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
}
|
||||||
|
.lines{
|
||||||
|
width: 364rpx;
|
||||||
|
height: 1rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
margin:30rpx 0 20rpx 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.news_title {
|
||||||
|
color: #9B9B9B;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news_title_active {
|
||||||
|
color: #323232;
|
||||||
|
font-size: 35rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.bottom_line{
|
||||||
|
z-index: 0;
|
||||||
|
width: 50rpx;
|
||||||
|
height: 10rpx;
|
||||||
|
background: #2368F2;
|
||||||
|
border-radius: 139rpx;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -4,19 +4,19 @@
|
|||||||
<tn-nav-bar :isBack="false" backTitle="" :alpha="true" :bottomShadow="false">
|
<tn-nav-bar :isBack="false" backTitle="" :alpha="true" :bottomShadow="false">
|
||||||
<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="padding-left: 15rpx;" @click="goBack()">
|
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
<text class="tn-icon-left-circle-simple" style="font-size: 60rpx;color: #ffffff;"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-margin-top" @click="goBack()"
|
<view class="tn-margin-top" @click="goBack()"
|
||||||
style="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
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"
|
<tn-tabs :list="[{name:''}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||||
:fontSize="24"></tn-tabs>
|
:fontSize="24"></tn-tabs>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</tn-nav-bar>
|
</tn-nav-bar>
|
||||||
<view style="width: 100%;height: 450rpx;position: absolute;top: 0;">
|
<view style="width: 100%;height: 450rpx;position: absolute;top: 0;">
|
||||||
<image v-if="addMod.background_image == '' " src="/static/my.png" style="width: 100%;height: 450rpx;"></image>
|
<!-- <image v-if="addMod.background_image == '' " src="/static/my.png" style="width: 100%;height: 450rpx;"></image>
|
||||||
<image v-if="addMod.background_image != '' " :src="apiImgUrl+addMod.background_image"
|
<image v-if="addMod.background_image != '' " :src="apiImgUrl+addMod.background_image"
|
||||||
style="width: 100%;height: 450rpx;"></image>
|
style="width: 100%;height: 450rpx;"></image> -->
|
||||||
<view style="position: absolute;left: 40%;background: #ffffff;border-radius: 50%;bottom: 60rpx;">
|
<view style="position: absolute;left: 40%;background: #ffffff;border-radius: 50%;bottom: 60rpx;">
|
||||||
<view @click="d_img(1)" style="width: 150rpx;height: 150rpx;position: relative;">
|
<view @click="d_img(1)" style="width: 150rpx;height: 150rpx;position: relative;">
|
||||||
<image :src="apiImgUrl+addMod.photo_image" mode="aspectFill"
|
<image :src="apiImgUrl+addMod.photo_image" mode="aspectFill"
|
||||||
@ -31,14 +31,14 @@
|
|||||||
fontColor="rgba(65, 142, 242, 1);">更改背景</tn-button>
|
fontColor="rgba(65, 142, 242, 1);">更改背景</tn-button>
|
||||||
</view> -->
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-margin-top" style="z-index:1;margin: 360rpx 30rpx 0rpx 30rpx;background: #ffffff;border-radius: 18rpx;">
|
<view class="tn-margin-top" style="z-index:1;margin: 360rpx 30rpx 0rpx 30rpx;">
|
||||||
<view style="font-size: 32rpx;color: rgba(119, 119, 119, 1);padding:25rpx 0rpx 30rpx 50rpx;">个人资料</view>
|
<view style="background: #ffffff;border-radius: 18rpx;margin-bottom: 30rpx;">
|
||||||
<view style="padding: 0px 30rpx;;">
|
<view class="title_eid">个人资料</view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(0)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(0)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">姓名</view>
|
<view class="content">姓名</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{addMod.nikename}}</view>
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{addMod.nikename}}</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -46,9 +46,9 @@
|
|||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx"
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx"
|
||||||
@click="position_id_show = true">
|
@click="position_id_show = true">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">协会职务</view>
|
<view class="content">协会职务</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{position_id_name}}</view>
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{position_id_name}}</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -58,9 +58,9 @@
|
|||||||
<!-- <tn-list-view :customTitle="true" backgroundColor="transparent">
|
<!-- <tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx"
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx"
|
||||||
@click="region_id_show = true">
|
@click="region_id_show = true">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">所属区域</view>
|
<view class="content">所属区域</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{region_id_name}}</view>
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{region_id_name}}</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -69,10 +69,10 @@
|
|||||||
</tn-list-view> -->
|
</tn-list-view> -->
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">性别</view>
|
<view class="content">性别</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center"
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center"
|
||||||
@click="sex_id_show = true">
|
@click="sex_id_show = true">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{addMod.gender==0?'女':'男'}}
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{addMod.gender==0?'女':'男'}}
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
@ -81,31 +81,34 @@
|
|||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(1)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(1)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">联系方式</view>
|
<view class="content">联系方式</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{addMod.phone}}</view>
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{addMod.phone}}</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(4)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(4)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">个人经历</view>
|
<view class="content">个人经历</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
style="font-size: 28rpx; color: rgba(102, 102, 102, 1);width: 400rpx;text-align: right;"
|
style="font-size: 28rpx; color: #9B9B9B;width: 400rpx;text-align: right;"
|
||||||
class="tn-text-ellipsis">{{addMod.introduction}}
|
class="tn-text-ellipsis">{{addMod.introduction}}
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<view style="font-size: 32rpx;color: rgba(119, 119, 119, 1);padding:25rpx 0rpx 30rpx 30rpx;">公司资料</view>
|
</view>
|
||||||
|
<view style="background: #ffffff;border-radius: 18rpx;">
|
||||||
|
<view class="title_eid">公司资料</view>
|
||||||
|
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(2)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(2)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">公司名称</view>
|
<view class="content">公司名称</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{addMod.enterprise_name}}
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{addMod.enterprise_name}}
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
@ -113,10 +116,10 @@
|
|||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">公司行业</view>
|
<view class="content">公司行业</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center"
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center"
|
||||||
@click="industry_id_show = true">
|
@click="industry_id_show = true">
|
||||||
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">{{industry_id_name}}</view>
|
<view style="font-size: 28rpx; color: #9B9B9B;">{{industry_id_name}}</view>
|
||||||
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
<view class="tn-icon-right" style="margin-left: 20rpx;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -126,7 +129,7 @@
|
|||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between tn-flex-center tn-flex-col-center"
|
<view slot="title" class="tn-flex tn-flex-row-between tn-flex-center tn-flex-col-center"
|
||||||
style="padding: 30rpx">
|
style="padding: 30rpx">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">公司Logo</view>
|
<view class="content">公司Logo</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center" @click="d_img(2)">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center" @click="d_img(2)">
|
||||||
<view>
|
<view>
|
||||||
<view v-if="addMod.company_image == '' ">暂无</view>
|
<view v-if="addMod.company_image == '' ">暂无</view>
|
||||||
@ -139,10 +142,10 @@
|
|||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(3)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(3)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">公司地址</view>
|
<view class="content">公司地址</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
style="font-size: 28rpx; color: rgba(102, 102, 102, 1);width: 400rpx;text-align: right;"
|
style="font-size: 28rpx; color: #9B9B9B;width: 400rpx;text-align: right;"
|
||||||
class="tn-text-ellipsis">
|
class="tn-text-ellipsis">
|
||||||
{{addMod.enterprise_location}}
|
{{addMod.enterprise_location}}
|
||||||
</view>
|
</view>
|
||||||
@ -152,10 +155,10 @@
|
|||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
<tn-list-view :customTitle="true" backgroundColor="transparent">
|
||||||
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(5)">
|
<view slot="title" class="tn-flex tn-flex-row-between" style="padding: 30rpx" @click="openMode(5)">
|
||||||
<view style="font-size: 32rpx;color: #000000;font-weight: 500;">公司介绍</view>
|
<view class="content">公司介绍</view>
|
||||||
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-row-right tn-flex-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
style="font-size: 28rpx; color: rgba(102, 102, 102, 1);width: 400rpx;text-align: right;"
|
style="font-size: 28rpx; color: #9B9B9B;width: 400rpx;text-align: right;"
|
||||||
class="tn-text-ellipsis">
|
class="tn-text-ellipsis">
|
||||||
{{addMod.enterprise_Introduction}}
|
{{addMod.enterprise_Introduction}}
|
||||||
</view>
|
</view>
|
||||||
@ -164,6 +167,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</tn-list-view>
|
</tn-list-view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="tn-flex">
|
<view class="tn-flex">
|
||||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||||
<tn-button backgroundColor="#2368F2" shape="round" fontColor="#ffffff" height="90rpx"
|
<tn-button backgroundColor="#2368F2" shape="round" fontColor="#ffffff" height="90rpx"
|
||||||
@ -621,7 +625,7 @@
|
|||||||
margin-top: 60rpx;
|
margin-top: 60rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
padding: 25rpx;
|
padding: 25rpx;
|
||||||
font-size: 32rpx;
|
font-size: 28rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -678,5 +682,43 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 底部悬浮按钮 end*/
|
/* 底部悬浮按钮 end*/
|
||||||
|
.title_eid{
|
||||||
|
font-size: 30rpx;
|
||||||
|
color:#323232;
|
||||||
|
padding:25rpx 0rpx 30rpx 30rpx;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 42rpx;
|
||||||
|
&::after{
|
||||||
|
content: ' ';
|
||||||
|
width: 52rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
background: url('@/static/news_title.png');
|
||||||
|
background-size: 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 30rpx;
|
||||||
|
left: 108rpx;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #323232;
|
||||||
|
font-weight: 500;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 12rpx;
|
||||||
|
&::before{
|
||||||
|
border-radius: 936rpx;
|
||||||
|
content: ' ';
|
||||||
|
width: 4rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
background: #2368F2;
|
||||||
|
position: absolute;
|
||||||
|
top: 8rpx;
|
||||||
|
left: 0rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
@ -4,7 +4,7 @@
|
|||||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="transparent">
|
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" 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="padding-left: 15rpx;" @click="goBack()">
|
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||||
<text class="tn-icon-left" style="font-size: 40rpx;color: #FFFFFF;"></text>
|
<text class="tn-icon-left-circle-simple" style="font-size: 60rpx;color: #FFFFFF;"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-margin-top"
|
<view class="tn-margin-top"
|
||||||
style="">
|
style="">
|
||||||
|
BIN
static/dizhi.png
Normal file
BIN
static/dizhi.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.5 KiB |
BIN
static/fenxiang.png
Normal file
BIN
static/fenxiang.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.1 KiB |
BIN
static/mycard.png
Normal file
BIN
static/mycard.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 20 KiB |
BIN
static/pic.png
BIN
static/pic.png
Binary file not shown.
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 4.0 KiB |
BIN
static/wdmp.png
Normal file
BIN
static/wdmp.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 30 KiB |
Loading…
x
Reference in New Issue
Block a user