Browse Source

feat(market): 添加企业信息页面并更新导航

- 新增 firm_info.vue 页面组件,用于展示企业详细信息
- 在 index.vue 中添加打开企业信息页面的导航功能
- 更新 pages.json,配置企业信息页面的导航栏样式
master
liutong 1 year ago
parent
commit
8d21af2967
  1. 9
      pages.json
  2. 121
      pages/market/my/firm_info.vue
  3. 10
      pages/market/my/index.vue

9
pages.json

@ -351,6 +351,15 @@
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/market/my/firm_info",
"style": {
"navigationBarTitleText": "企业信息",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#292929",
"navigationBarTextStyle": "white"
}
}

121
pages/market/my/firm_info.vue

@ -0,0 +1,121 @@
<!--企业信息-->
<template>
<view class="assemble">
<view style="height: 30rpx;"></view>
<view class="section_1">
<image class="pic" src="https://res.firstui.cn/static/images/common/img_logo.png" mode="aspectFit"></image>
</view>
<view class="title_section">基本信息</view>
<view class="section_2">
<view class="item">
<view class="title">企业名称</view>
<view class="content">荧幕小将</view>
</view>
<view class="item">
<view class="title">企业简称</view>
<view class="content">Europa</view>
</view>
<view class="item">
<view class="title">企业电话</view>
<view class="content">0755-88888888</view>
</view>
<view class="item">
<view class="title">所属行业</view>
<view class="content">教育培训</view>
</view>
<view class="item">
<view class="title">企业名称</view>
<view class="content">荧幕小将</view>
</view>
<view class="item">
<view class="title">企业网址</view>
<view class="content">http://www.ymxj.com</view>
</view>
<view class="item">
<view class="title">成立时间</view>
<view class="content">201x-08</view>
</view>
</view>
<view class="title_section">企业介绍</view>
<view class="section_3">
<view class="html" v-html="htmlData"></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
htmlData:`<div data-v-24249f85="" class="con"><p data-v-24249f85="">爱查线索-爱查 ICP是上海凭安网络科技有限公司旗下产品。</p><p data-v-24249f85=""> 爱查线索-爱查 ICP(aichaicp.com)提供最新、最全的网站域名ICP备案信息查询,每天实时同步更新大量 官方数据。致力于为企业销售人员提供各种增值服务和解决各种问题,不再为找不到客户而苦恼! </p><h4 data-v-24249f85="">本站特色</h4><p data-v-24249f85="">【实时更新】采用全新技术算法,提供毫秒级别加载速度,给您带来前所未有的实时更新体验</p><p data-v-24249f85="">【备案监控】多地区ICP备案信息监控</p><p data-v-24249f85="">【深度功能】百度推广开通状态、整年备案信息导出、提醒功能等,满足大部分满足用户需求</p><p data-v-24249f85="">【联系方式】可以查询到ICP备案网站信息联系方式</p></div>`
}
},
methods: {
privacy_agreement(type){
uni.navigateTo({
url: '/pages/common/privacy_agreement?type='+type
})
},
update_pass(){
uni.navigateTo({
url: '/pages/market/my/update_pass'
})
}
}
}
</script>
<style lang="less" scoped>
.assemble{
width: 100%;
min-height: 100vh;
background: #333333;
color: #fff;
}
.section_1{
.pic{
width: 100%;
height: 300rpx;
}
}
.title_section{
padding: 20rpx 40rpx;
color: #fff;
font-size: 24rpx;
}
.section_2{
background-color: #434544;
display: flex;
flex-direction: column;
.item{
padding: 40rpx;
padding-left: 40rpx;
display: flex;
gap: 30rpx;
}
}
.section_3{
padding: 20rpx 22rpx;
padding-bottom: 250rpx;
.html{
color: #fff;
}
}
</style>

10
pages/market/my/index.vue

@ -67,7 +67,7 @@
<view>23</view>
</view>
<view class="item" @click="openViewDueSoon()">
<view class="item" @click="openViewFirmInfo()">
<view>企业信息</view>
<view></view>
</view>
@ -143,6 +143,14 @@ export default {
})
},
//
openViewFirmInfo(){
uni.navigateTo({
url: '/pages/market/my/firm_info'
})
},
//
openViewSetUp(){
uni.navigateTo({

Loading…
Cancel
Save