<template>
|
<div class="guide_box" v-myTitle="{ title: m_Title }">
|
<div class="item-logo">
|
<a href="#">
|
<img class="app_logo" src="static/img/TitleLog.png" />
|
<h2>选型系统</h2>
|
</a>
|
</div>
|
<div id="tips-2" class="animate guide-show" sytle="margin-top:30px">
|
<h2 class="animated bounceInDown">
|
<div>用户协议和隐私政策提示</div>
|
<p>
|
欢迎使用毅飞泵业选型！在你使用前，请你认真阅读并了解最终用户许可协议和隐私政策，以了解我们的服务内容和我们在收集和使用你相关个人信息时的处理规则。我们将严格按照
|
<span
|
@click="yonghuxieyi"
|
>《用户许可协议》</span>和
|
<span @click="yinsizhengce">《隐私政策》</span>为你提供服务，保护你的个人信息。
|
</p>
|
</h2>
|
<li id="tuichu" @click="tuichu" class="animated bounceInLeft">不同意并退出</li>
|
<!-- <li id="youke" class="animated bounceInLeft">游客</li> -->
|
<li id="tongyi" @click="tongyi" class="animated bounceInRight">同意</li>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
m_Title:''
|
};
|
},
|
mounted() {
|
this.m_Title = this.$globalConfig.SoftName
|
},
|
methods: {
|
//退出事件
|
tuichu() {
|
console.log("退出");
|
plus.runtime.quit(); //退出app
|
},
|
tongyi() {
|
localStorage.setItem("lauchFlag", true);
|
this.$router.push({
|
path: "/"
|
});
|
},
|
yonghuxieyi() {
|
this.$router.push({
|
path: `/CN/userAgreement`
|
});
|
},
|
yinsizhengce() {
|
this.$router.push({
|
path: `/CN/privacyStatement`
|
});
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss">
|
.guide_box {
|
background-color: #fff;
|
width: 100%;
|
height: 100%;
|
position: relative;
|
font-size: 16px;
|
.item-logo {
|
position: relative;
|
a {
|
position: fixed;
|
width: 12.5rem;
|
height: 12.5rem;
|
top: 10%;
|
left: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-wrap: wrap;
|
border-radius: 10%;
|
margin-left: -100px;
|
padding: 0.3125rem 0rem;
|
font-size: 1.5rem;
|
font-weight: 500;
|
font-family: "new york";
|
color: black;
|
}
|
h2 {
|
padding: 0.3125rem 0rem;
|
font-size: 1.5rem;
|
font-weight: 500;
|
font-family: "new york";
|
color: black;
|
}
|
|
.app_logo {
|
width: 8rem !important;
|
height: 8rem;
|
border-radius: 10%;
|
}
|
}
|
.animate {
|
position: absolute;
|
left: 0;
|
bottom: 10%;
|
width: 80%;
|
left: 10%;
|
right: 10%;
|
color: #000;
|
display: -moz-box;
|
h2 {
|
line-height: 1;
|
margin-top: 5px;
|
margin-bottom: 5px;
|
font-size: 30px;
|
}
|
li {
|
width: 49%;
|
height: 30px;
|
line-height: 30px;
|
list-style: none;
|
font-size: 16px;
|
text-align: center;
|
}
|
}
|
.guide-show {
|
.bounceInDown {
|
animation-name: bounceInDown;
|
animation-play-state: running;
|
animation-delay: 1s;
|
display: block;
|
div {
|
text-align: left;
|
padding: 0.5rem 0rem;
|
font-size: 1.1rem;
|
font-weight: 500;
|
font-family: "new york";
|
}
|
}
|
.bounceInLeft {
|
animation-name: bounceInLeft;
|
display: block;
|
float: left;
|
color: #5a5a5a;
|
animation-play-state: running;
|
}
|
.bounceInRight {
|
float: left;
|
animation-name: bounceInRight;
|
display: block;
|
border-radius: 0.3125rem;
|
background-color: #007aff;
|
text-align: center !important;
|
color: #fff;
|
animation-play-state: running;
|
animation-delay: 0.5s;
|
}
|
}
|
a {
|
text-decoration: none;
|
color: #007aff;
|
background: 0 0;
|
}
|
span {
|
color: #007aff;
|
}
|
p {
|
color: #5a5a5a !important;
|
font-size: 0.9rem;
|
font-weight: 400;
|
text-indent: 0.8cm;
|
line-height: 1.2rem;
|
text-align: justify;
|
min-height: 7.1875rem;
|
margin-top: 0;
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
