fix: 界面功能优化，增加茅台预约描述。
This commit is contained in:
tianyongbao
@@ -5,7 +5,7 @@
|
||||
height: 100px;
|
||||
.float-clear;
|
||||
.@{prefix}-logo{
|
||||
width: 160px;
|
||||
width: 135px;
|
||||
height: 100px;
|
||||
margin: 0 0 0 20px;
|
||||
float: left;
|
||||
@@ -15,8 +15,10 @@
|
||||
height: 100px;
|
||||
color: #36A4BB;
|
||||
font-size: 16px;
|
||||
padding-top: 28px;
|
||||
margin: 0 0 0 10px;
|
||||
// padding-top: 28px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
margin: 0 0 0 0px;
|
||||
}
|
||||
.@{prefix}-button{
|
||||
float: right;
|
||||
@@ -60,9 +62,10 @@
|
||||
}
|
||||
.@{prefix}-rightcol{
|
||||
display: flex;
|
||||
font-size: 10px;
|
||||
float: right;
|
||||
line-height: 30px;
|
||||
margin: 15px 10px 0 0;
|
||||
margin: 15px 5px 0 0;
|
||||
min-width: 50px;
|
||||
font-weight: bold;
|
||||
color: #32adc6;
|
||||
|
||||
@@ -2,27 +2,39 @@
|
||||
<page class="home-page">
|
||||
<zui-header>
|
||||
<logo type="xiaoyanyun" href="/"></logo>
|
||||
<h4 class="zui-logo-text">
|
||||
<a href="http://152.136.151.187:8080/intc/" target="_blank">| 记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
|
||||
<br/>| 健康帮手
|
||||
<h4 v-show="webShow" class="zui-logo-text">
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 记账平台</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 茅台预约</a>
|
||||
</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"> 记账平台</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank"> 茅台预约</a>
|
||||
</div>
|
||||
<drop-list :config="configData" ref="droplist"></drop-list>
|
||||
<div v-show="webShow">
|
||||
<zui-button @click="onButtonClick('callus')">联系我们</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('invest')">记账平台</zui-button>
|
||||
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
|
||||
<zui-button @click="onButtonClick('home')">首页</zui-button>
|
||||
</div>
|
||||
</zui-header>
|
||||
<div class="banner vivify fadeIn">
|
||||
<h1 class="vivify popIn">
|
||||
<span class="br"></span>科学记账 量入为出
|
||||
</h1> <h1 class="vivify popIn">
|
||||
</h1>
|
||||
<br>
|
||||
<h1 class="vivify popIn">
|
||||
<span class="br"></span>健康档案 守护未来
|
||||
</h1>
|
||||
<br>
|
||||
<h1 class="vivify popIn">
|
||||
<span class="br"></span>茅台预约 解放双手
|
||||
</h1>
|
||||
<h3 class="vivify popIn">技术引领 服务为基础 用户为核心 需求为导向</h3>
|
||||
</div>
|
||||
<div class="nav clear">
|
||||
@@ -41,19 +53,19 @@
|
||||
<h4>专业 准确 高效</h4>
|
||||
</a>
|
||||
<a class="plus vivify popIn delay-400">
|
||||
<div class="watermark blue">使用</div>
|
||||
<div class="watermark blue">预约</div>
|
||||
<logo type="plus"></logo>
|
||||
<logo class="mobile" type="mplus"></logo>
|
||||
<h3>保障平台无间断运营</h3>
|
||||
<h4>持续创新 后顾无忧</h4>
|
||||
<h3>茅台预约得力助手</h3>
|
||||
<h4>自动预约 后顾无忧</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="service">
|
||||
<h1>
|
||||
您的资产记账专家、健康档案帮手
|
||||
记账专家、健康帮手、预约助手
|
||||
</h1>
|
||||
<h3>
|
||||
专业、高效，满足您的记账需求、健康记录
|
||||
满足您的记账需求、健康记录、茅台预约
|
||||
</h3>
|
||||
<h4 style="color: red;">
|
||||
无需下载，永久免费！
|
||||
@@ -64,22 +76,22 @@
|
||||
<li>
|
||||
<img :src="feature1"/>
|
||||
<h4>记账管理</h4>
|
||||
<p>为您提供最专业的个人记账服务。</p>
|
||||
<p>最专业的个人记账服务。</p>
|
||||
</li>
|
||||
<li>
|
||||
<img :src="feature2"/>
|
||||
<h4>健康档案</h4>
|
||||
<p>满足健康档案记录迫切需求。</p>
|
||||
<p>满足健康档案记录需求。</p>
|
||||
</li>
|
||||
<li>
|
||||
<img :src="feature3"/>
|
||||
<h4>专业团队</h4>
|
||||
<p>专业的研发团队，系统安全可靠。</p>
|
||||
<h4>茅台预约</h4>
|
||||
<p>提供安全高效自动预约。</p>
|
||||
</li>
|
||||
<li>
|
||||
<img :src="feature4"/>
|
||||
<h4>产品服务</h4>
|
||||
<p>为您提供24小时不间断服务。</p>
|
||||
<p>全天尽享服务贴心之旅。</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -89,10 +101,10 @@
|
||||
</div> -->
|
||||
<div class="apply-hr">
|
||||
<h2>
|
||||
智聪科技，优享服务
|
||||
智聪科技 技术领先 服务周到 诚信赢天下
|
||||
</h2>
|
||||
<h4>
|
||||
提供个人资产记账、健康档案管理系统解决方案
|
||||
提供个人资产记账、健康档案管理、i茅台APP自动预约系统解决方案
|
||||
</h4>
|
||||
</div>
|
||||
<zui-footer/>
|
||||
@@ -132,9 +144,9 @@
|
||||
width: '40%', // 设置宽度
|
||||
list: [ // 设置下拉列表数据和对应的点击事件
|
||||
{text: '首页', action: this.gohome},
|
||||
{text: '记账平台', action: this.goinvest},
|
||||
{text: '健康档案', action: this.gohealth},
|
||||
{text: '茅台预约', action: this.goimaotai},
|
||||
// {text: '记账平台', action: this.goinvest},
|
||||
// {text: '健康档案', action: this.gohealth},
|
||||
// {text: '茅台预约', action: this.goimaotai},
|
||||
{text: '资料下载', action: this.goresource},
|
||||
{text: '联系我们', action: this.gocallus}
|
||||
]
|
||||
@@ -152,8 +164,7 @@
|
||||
window.open("http://152.136.151.187:88/login", '_blank');
|
||||
}else if(e=="imaotai"){
|
||||
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');
|
||||
}
|
||||
else if(e=="resource"){
|
||||
|
||||
@@ -2,18 +2,24 @@
|
||||
<page class="home-page">
|
||||
<zui-header>
|
||||
<logo type="xiaoyanyun" href="/"></logo>
|
||||
<h4 class="zui-logo-text">
|
||||
<a href="http://152.136.151.187:8080/intc/" target="_blank">| 记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
|
||||
<br/>| 健康帮手
|
||||
<h4 v-show="webShow" class="zui-logo-text">
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 记账平台</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 茅台预约</a>
|
||||
</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"> 记账平台</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank"> 茅台预约</a>
|
||||
</div>
|
||||
<drop-list :config="configData" ref="droplist"></drop-list>
|
||||
<div v-show="webShow">
|
||||
<zui-button @click="onButtonClick('callus')">联系我们</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('invest')">记账平台</zui-button>
|
||||
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
|
||||
<zui-button @click="onButtonClick('home')">首页</zui-button>
|
||||
</div>
|
||||
</zui-header>
|
||||
@@ -22,7 +28,7 @@
|
||||
联系我们->注册账号->免费使用
|
||||
</h1>
|
||||
<h3>
|
||||
专业、高效，满足您的记账需求、健康记录
|
||||
满足您的记账需求、健康记录、茅台预约
|
||||
</h3>
|
||||
</div>
|
||||
<div class="features">
|
||||
@@ -88,9 +94,9 @@
|
||||
width: '40%', // 设置宽度
|
||||
list: [ // 设置下拉列表数据和对应的点击事件
|
||||
{text: '首页', action: this.gohome},
|
||||
{text: '记账平台', action: this.goinvest},
|
||||
{text: '健康档案', action: this.gohealth},
|
||||
{text: '茅台预约', action: this.goimaotai},
|
||||
// {text: '记账平台', action: this.goinvest},
|
||||
// {text: '健康档案', action: this.gohealth},
|
||||
// {text: '茅台预约', action: this.goimaotai},
|
||||
{text: '资料下载', action: this.goresource},
|
||||
{text: '联系我们', action: this.gocallus}
|
||||
]
|
||||
|
||||
@@ -2,18 +2,24 @@
|
||||
<page class="home-page">
|
||||
<zui-header>
|
||||
<logo type="xiaoyanyun" href="/"></logo>
|
||||
<h4 class="zui-logo-text">
|
||||
<a href="http://152.136.151.187:8080/intc/" target="_blank">| 记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
|
||||
<br/>| 健康帮手
|
||||
<h4 v-show="webShow" class="zui-logo-text">
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 记账平台</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank"> 茅台预约</a>
|
||||
</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"> 记账平台</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank"> 健康档案</a>
|
||||
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank"> 茅台预约</a>
|
||||
</div>
|
||||
<drop-list :config="configData" ref="droplist"></drop-list>
|
||||
<div v-show="webShow">
|
||||
<zui-button @click="onButtonClick('callus')">联系我们</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('invest')">记账平台</zui-button>
|
||||
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> -->
|
||||
<zui-button @click="onButtonClick('home')">首页</zui-button>
|
||||
</div>
|
||||
</zui-header>
|
||||
@@ -22,7 +28,7 @@
|
||||
资料下载->系统介绍->使用手册
|
||||
</h1>
|
||||
<h3>
|
||||
专业、高效，满足您的记账需求、健康记录
|
||||
满足您的记账需求、健康记录、茅台预约
|
||||
</h3>
|
||||
</div>
|
||||
<div class="features">
|
||||
@@ -90,9 +96,9 @@
|
||||
width: '40%', // 设置宽度
|
||||
list: [ // 设置下拉列表数据和对应的点击事件
|
||||
{text: '首页', action: this.gohome},
|
||||
{text: '记账平台', action: this.goinvest},
|
||||
{text: '健康档案', action: this.gohealth},
|
||||
{text: '茅台预约', action: this.goimaotai},
|
||||
// {text: '记账平台', action: this.goinvest},
|
||||
// {text: '健康档案', action: this.gohealth},
|
||||
// {text: '茅台预约', action: this.goimaotai},
|
||||
{text: '资料下载', action: this.goresource},
|
||||
{text: '联系我们', action: this.gocallus}
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user