fix: 使用Qoder统一功能修改完善。
This commit is contained in:
@@ -3,17 +3,16 @@
|
||||
<zui-header>
|
||||
<logo type="xiaoyanyun" href="/"></logo>
|
||||
<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:8081/imaotai/" target="_blank"> 茅台预约</a>
|
||||
<a class="zui-nav-link" href="http://152.136.151.187:88/login" target="_blank"> 记账平台</a>
|
||||
<a class="zui-nav-link" href="http://152.136.151.187:81/hrms/login" target="_blank"> 健康档案</a>
|
||||
<a class="zui-nav-link" href="http://152.136.151.187:8081/imaotai/" target="_blank"> 茅台预约</a>
|
||||
</h4>
|
||||
<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 v-show="mobileShow" class="zui-rightcol" @click="openMenu">◄目录►</div>
|
||||
<div v-show="mobileShow" class="zui-rightcol">
|
||||
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:86/#/" target="_blank"> 记账平台</a>
|
||||
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:89/#/" target="_blank"> 健康档案</a>
|
||||
<a class="zui-nav-link zui-nav-link--mobile" 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>
|
||||
@@ -23,6 +22,15 @@
|
||||
<zui-button @click="onButtonClick('home')">首页</zui-button>
|
||||
</div>
|
||||
</zui-header>
|
||||
<div v-show="drawerVisible" class="zui-drawer-overlay" @click="closeMenu"></div>
|
||||
<div v-show="drawerVisible" class="zui-drawer">
|
||||
<div class="zui-drawer__header">菜单</div>
|
||||
<ul class="zui-drawer__list">
|
||||
<li @click="gohome">首页</li>
|
||||
<li @click="goresource">资料下载</li>
|
||||
<li @click="gocallus">联系我们</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="service">
|
||||
<h1>
|
||||
联系我们->注册账号->免费使用
|
||||
@@ -72,9 +80,8 @@
|
||||
import feature3 from '../assets/img/feature3.png'
|
||||
import feature4 from '../assets/img/feature4.png'
|
||||
import Util from '../Util'
|
||||
import DropList from 'vue-droplist'
|
||||
export default{
|
||||
components: {Page, Logo, ZuiHeader, ZuiFooter,ZuiButton,DropList},
|
||||
components: {Page, Logo, ZuiHeader, ZuiFooter,ZuiButton},
|
||||
data () {
|
||||
return {
|
||||
feature1: feature1,
|
||||
@@ -83,24 +90,8 @@
|
||||
feature4: feature4,
|
||||
mobileShow: false,
|
||||
webShow: true,
|
||||
carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2,
|
||||
configData : {
|
||||
position: { // 设置显示位置,position
|
||||
top: '60px',
|
||||
right: '15px',
|
||||
bottom: '',
|
||||
left: ''
|
||||
},
|
||||
width: '40%', // 设置宽度
|
||||
list: [ // 设置下拉列表数据和对应的点击事件
|
||||
{text: '首页', action: this.gohome},
|
||||
// {text: '记账平台', action: this.goinvest},
|
||||
// {text: '健康档案', action: this.gohealth},
|
||||
// {text: '茅台预约', action: this.goimaotai},
|
||||
{text: '资料下载', action: this.goresource},
|
||||
{text: '联系我们', action: this.gocallus}
|
||||
]
|
||||
}
|
||||
drawerVisible: false,
|
||||
carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2
|
||||
}
|
||||
},
|
||||
created() {
|
||||
@@ -124,7 +115,7 @@
|
||||
}
|
||||
},
|
||||
openMenu: function () {
|
||||
this.$refs.droplist.show()
|
||||
this.drawerVisible = true
|
||||
},
|
||||
gohome: function () {
|
||||
this.$router.push({path:'/'})
|
||||
@@ -144,6 +135,9 @@
|
||||
gohealth: function () {
|
||||
window.open("http://152.136.151.187:89/#/", '_blank');
|
||||
},
|
||||
closeMenu: function () {
|
||||
this.drawerVisible = false
|
||||
},
|
||||
init: function () {
|
||||
if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
|
||||
this.webShow=false
|
||||
@@ -158,14 +152,3 @@
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
.rightcol{
|
||||
display: flex;
|
||||
float: right;
|
||||
line-height: 30px;
|
||||
margin: 15px 10px 0 0;
|
||||
min-width: 50px;
|
||||
font-weight: bold;
|
||||
color: #32adc6;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user