修改部分页面

This commit is contained in:
张凯 2025-05-09 18:22:09 +08:00
parent 7155b4855e
commit 03adf89578
9 changed files with 224 additions and 74 deletions

View File

@ -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>

View File

@ -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>
<view class="tn-margin-top" @click="goBack()">
<tn-tabs :list="[{name:'会员名片'}]" :current="topCurrent" activeColor="#ffffff" :bold="false"
:fontSize="24"></tn-tabs>
</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> </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}}
</span>
<view class="title_posi">
{{userThisInfo.position_name == null || userThisInfo.position_name == '' ? '无' : userThisInfo.position_name }}
</view> </view>
<view style="margin-left: 10rpx">
<view style="font-size: 35rpx;color: #ffffff;font-weight: 600">{{userThisInfo.nikename}}
</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,33 +64,49 @@
</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 class="tn-flex tn-flex-row-between">
<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>
企业地址{{userThisInfo.enterprise_location==null||userThisInfo.enterprise_location==''?'无':userThisInfo.enterprise_location}} <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>
</view> </view>
</scroll-view>
</view> </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;">
@ -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>

View File

@ -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>

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/fenxiang.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/mycard.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/wdmp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB