qdintc/intc-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 界面功能优化，增加茅台预约描述。

Browse Source
This commit is contained in:
tianyongbao
2024-12-12 11:00:51 +08:00
parent 7315b1e81a
commit b267f78b0b
4 changed files with 74 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/less/header.less
View File

@@ -5,7 +5,7 @@
height: 100px; height: 100px;
.float-clear; .float-clear;
.@{prefix}-logo{ .@{prefix}-logo{
width: 160px; width: 135px;
height: 100px; height: 100px;
margin: 0 0 0 20px; margin: 0 0 0 20px;
float: left; float: left;
@@ -15,8 +15,10 @@
height: 100px; height: 100px;
color: #36A4BB; color: #36A4BB;
font-size: 16px; font-size: 16px;
padding-top: 28px; // padding-top: 28px;
margin: 0 0 0 10px; line-height: 100px;
text-align: center;
margin: 0 0 0 0px;
} }
.@{prefix}-button{ .@{prefix}-button{
float: right; float: right;
@@ -60,9 +62,10 @@
} }
.@{prefix}-rightcol{ .@{prefix}-rightcol{
display: flex; display: flex;
font-size: 10px;
float: right; float: right;
line-height: 30px; line-height: 30px;
margin: 15px 10px 0 0; margin: 15px 5px 0 0;
min-width: 50px; min-width: 50px;
font-weight: bold; font-weight: bold;
color: #32adc6; color: #32adc6;

59
src/views/HomePage.vue
View File

@@ -2,27 +2,39 @@
<page class="home-page"> <page class="home-page">
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <h4 v-show="webShow" class="zui-logo-text">
<a href="http://152.136.151.187:8080/intc/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a> <a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<br/>|&nbsp;&nbsp;健康帮手 <a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;茅台预约</a>
</h4> </h4>
<div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div> <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;font-size: 14px;">◄目录►</div>
<div v-show="mobileShow" class="rightcol">
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</div>
<drop-list :config="configData" ref="droplist"></drop-list> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow"> <div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button> <!-- <zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div> </div>
</zui-header> </zui-header>
<div class="banner vivify fadeIn"> <div class="banner vivify fadeIn">
<h1 class="vivify popIn"> <h1 class="vivify popIn">
<span class="br"></span>科学记账&nbsp;&nbsp;量入为出 <span class="br"></span>科学记账&nbsp;&nbsp;量入为出
</h1> <h1 class="vivify popIn"> </h1>
<br>
<h1 class="vivify popIn">
<span class="br"></span>健康档案&nbsp;&nbsp;守护未来 <span class="br"></span>健康档案&nbsp;&nbsp;守护未来
</h1> </h1>
<br>
<h1 class="vivify popIn">
<span class="br"></span>茅台预约&nbsp;&nbsp;解放双手
</h1>
<h3 class="vivify popIn">技术引领&nbsp;&nbsp;服务为基础&nbsp;&nbsp;用户为核心&nbsp;&nbsp;需求为导向</h3> <h3 class="vivify popIn">技术引领&nbsp;&nbsp;服务为基础&nbsp;&nbsp;用户为核心&nbsp;&nbsp;需求为导向</h3>
</div> </div>
<div class="nav clear"> <div class="nav clear">
@@ -41,19 +53,19 @@
<h4>专业&nbsp;&nbsp;准确&nbsp;&nbsp;高效</h4> <h4>专业&nbsp;&nbsp;准确&nbsp;&nbsp;高效</h4>
</a> </a>
<a class="plus vivify popIn delay-400"> <a class="plus vivify popIn delay-400">
<div class="watermark blue">使用</div> <div class="watermark blue">预约</div>
<logo type="plus"></logo> <logo type="plus"></logo>
<logo class="mobile" type="mplus"></logo> <logo class="mobile" type="mplus"></logo>
<h3>保障平台无间断运营</h3> <h3>茅台预约得力助手</h3>
<h4>持续创新&nbsp;&nbsp;后顾无忧</h4> <h4>自动预约&nbsp;&nbsp;后顾无忧</h4>
</a> </a>
</div> </div>
<div class="service"> <div class="service">
<h1> <h1>
您的资产记账专家、健康档案帮手 记账专家、健康帮手、预约助手
</h1> </h1>
<h3> <h3>
专业、高效，满足您的记账需求、健康记录 满足您的记账需求、健康记录、茅台预约
</h3> </h3>
<h4 style="color: red;"> <h4 style="color: red;">
无需下载，永久免费！ 无需下载，永久免费！
@@ -64,22 +76,22 @@
<li> <li>
<img :src="feature1"/> <img :src="feature1"/>
<h4>记账管理</h4> <h4>记账管理</h4>
<p>为您提供最专业的个人记账服务。</p> <p>最专业的个人记账服务。</p>
</li> </li>
<li> <li>
<img :src="feature2"/> <img :src="feature2"/>
<h4>健康档案</h4> <h4>健康档案</h4>
<p>满足健康档案记录迫切需求。</p> <p>满足健康档案记录需求。</p>
</li> </li>
<li> <li>
<img :src="feature3"/> <img :src="feature3"/>
<h4>专业团队</h4> <h4>茅台预约</h4>
<p>专业的研发团队，系统安全可靠。</p> <p>提供安全高效自动预约。</p>
</li> </li>
<li> <li>
<img :src="feature4"/> <img :src="feature4"/>
<h4>产品服务</h4> <h4>产品服务</h4>
<p>为您提供24小时不间断服务。</p> <p>全天尽享服务贴心之旅‌‌。</p>
</li> </li>
</ul> </ul>
</div> </div>
@@ -89,10 +101,10 @@
</div> --> </div> -->
<div class="apply-hr"> <div class="apply-hr">
<h2> <h2>
智聪科技，优享服务 智聪科技 技术领先 服务周到 诚信赢天下
</h2> </h2>
<h4> <h4>
提供个人资产记账、健康档案管理系统解决方案 提供个人资产记账、健康档案管理、i茅台APP自动预约系统解决方案
</h4> </h4>
</div> </div>
<zui-footer/> <zui-footer/>
@@ -132,9 +144,9 @@
width: '40%', // 设置宽度 width: '40%', // 设置宽度
list: [ // 设置下拉列表数据和对应的点击事件 list: [ // 设置下拉列表数据和对应的点击事件
{text: '首页', action: this.gohome}, {text: '首页', action: this.gohome},
{text: '记账平台', action: this.goinvest}, // {text: '记账平台', action: this.goinvest},
{text: '健康档案', action: this.gohealth}, // {text: '健康档案', action: this.gohealth},
{text: '茅台预约', action: this.goimaotai}, // {text: '茅台预约', action: this.goimaotai},
{text: '资料下载', action: this.goresource}, {text: '资料下载', action: this.goresource},
{text: '联系我们', action: this.gocallus} {text: '联系我们', action: this.gocallus}
] ]
@@ -152,8 +164,7 @@
window.open("http://152.136.151.187:88/login", '_blank'); window.open("http://152.136.151.187:88/login", '_blank');
}else if(e=="imaotai"){ }else if(e=="imaotai"){
window.open("http://152.136.151.187:88/login", '_blank'); window.open("http://152.136.151.187:88/login", '_blank');
} } else if(e=="health"){
else if(e=="health"){
window.open("http://152.136.151.187:81/hrms/login", '_blank'); window.open("http://152.136.151.187:81/hrms/login", '_blank');
} }
else if(e=="resource"){ else if(e=="resource"){

26
src/views/callus.vue
View File

@@ -2,18 +2,24 @@
<page class="home-page"> <page class="home-page">
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <h4 v-show="webShow" class="zui-logo-text">
<a href="http://152.136.151.187:8080/intc/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a> <a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<br/>|&nbsp;&nbsp;健康帮手 <a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;茅台预约</a>
</h4> </h4>
<div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div> <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;font-size: 14px;">◄目录►</div>
<div v-show="mobileShow" class="rightcol">
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</div>
<drop-list :config="configData" ref="droplist"></drop-list> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow"> <div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button> <!-- <zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div> </div>
</zui-header> </zui-header>
@@ -22,7 +28,7 @@
联系我们->注册账号->免费使用 联系我们->注册账号->免费使用
</h1> </h1>
<h3> <h3>
专业、高效，满足您的记账需求、健康记录 满足您的记账需求、健康记录、茅台预约
</h3> </h3>
</div> </div>
<div class="features"> <div class="features">
@@ -88,9 +94,9 @@
width: '40%', // 设置宽度 width: '40%', // 设置宽度
list: [ // 设置下拉列表数据和对应的点击事件 list: [ // 设置下拉列表数据和对应的点击事件
{text: '首页', action: this.gohome}, {text: '首页', action: this.gohome},
{text: '记账平台', action: this.goinvest}, // {text: '记账平台', action: this.goinvest},
{text: '健康档案', action: this.gohealth}, // {text: '健康档案', action: this.gohealth},
{text: '茅台预约', action: this.goimaotai}, // {text: '茅台预约', action: this.goimaotai},
{text: '资料下载', action: this.goresource}, {text: '资料下载', action: this.goresource},
{text: '联系我们', action: this.gocallus} {text: '联系我们', action: this.gocallus}
] ]

26
src/views/resource.vue
View File

@@ -2,18 +2,24 @@
<page class="home-page"> <page class="home-page">
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <h4 v-show="webShow" class="zui-logo-text">
<a href="http://152.136.151.187:8080/intc/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a> <a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<br/>|&nbsp;&nbsp;健康帮手 <a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;茅台预约</a>
</h4> </h4>
<div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div> <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;font-size: 14px;">◄目录►</div>
<div v-show="mobileShow" class="rightcol">
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</div>
<drop-list :config="configData" ref="droplist"></drop-list> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow"> <div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button> <!-- <zui-button @click="onButtonClick('imaotai')">茅台预约</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div> </div>
</zui-header> </zui-header>
@@ -22,7 +28,7 @@
资料下载->系统介绍->使用手册 资料下载->系统介绍->使用手册
</h1> </h1>
<h3> <h3>
专业、高效，满足您的记账需求、健康记录 满足您的记账需求、健康记录、茅台预约
</h3> </h3>
</div> </div>
<div class="features"> <div class="features">
@@ -90,9 +96,9 @@
width: '40%', // 设置宽度 width: '40%', // 设置宽度
list: [ // 设置下拉列表数据和对应的点击事件 list: [ // 设置下拉列表数据和对应的点击事件
{text: '首页', action: this.gohome}, {text: '首页', action: this.gohome},
{text: '记账平台', action: this.goinvest}, // {text: '记账平台', action: this.goinvest},
{text: '健康档案', action: this.gohealth}, // {text: '健康档案', action: this.gohealth},
{text: '茅台预约', action: this.goimaotai}, // {text: '茅台预约', action: this.goimaotai},
{text: '资料下载', action: this.goresource}, {text: '资料下载', action: this.goresource},
{text: '联系我们', action: this.gocallus} {text: '联系我们', action: this.gocallus}
] ]