fix: 修改部分内容,支持鸿蒙系统浏览器。

This commit is contained in:
tianyongbao
2024-10-01 10:13:05 +08:00
parent b3890369e6
commit f4ba85cd5b
5 changed files with 109 additions and 28 deletions

View File

@@ -3,16 +3,18 @@
<zui-header>
<logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text">
|&nbsp;&nbsp;记账专家
<a href="http://152.136.151.187:8080/admin/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
<br/>|&nbsp;&nbsp;健康帮手
</h4>
<div class="zui-rightcol" @click="openMenu" style="color: #0b8ba5;">目录</div>
<div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">目录</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('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button>
<zui-button @click="onButtonClick('home')">首页</zui-button>
</div>
</zui-header>
<div class="service">
<h1>
@@ -60,7 +62,9 @@
feature2: feature2,
feature3: feature3,
feature4: feature4,
carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile) ? 1 : 2,
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',
@@ -79,12 +83,12 @@
}
}
},
methods: {
methods: {
onButtonClick: function (e) {
if(e=="callus"){
this.$router.push({path:'/callus'})
}else if(e=="invest"){
window.open("http://152.136.151.187:8080/admin/", '_blank');
window.open("http://152.136.151.187:88/login", '_blank');
}else if(e=="health"){
window.open("http://152.136.151.187:81/hrms/login", '_blank');
}else if(e=="resource"){
@@ -97,18 +101,39 @@
this.$refs.droplist.show()
},
gocallus: function () {
this.$router.push({path:'/'})
this.$router.push({path:'/callus'})
},
goinvest: function () {
window.open("http://152.136.151.187:82/#/", '_blank');
window.open("http://152.136.151.187:86/#/", '_blank');
},
goresource: function () {
this.$router.push({path:'/resource'})
},
gohealth: function () {
window.open("http://152.136.151.187:81/#/", '_blank');
window.open("http://152.136.151.187:89/#/", '_blank');
},
init: function () {
if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
this.webShow=false
this.mobileShow=true
}else{
this.webShow=true
this.mobileShow=false
}
},
}
}
</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>