master
parent
e6858b904e
commit
aae237dab9
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 218 KiB |
|
After Width: | Height: | Size: 232 KiB |
@ -0,0 +1,124 @@ |
||||
<template> |
||||
<div class="m-container"> |
||||
<div v-if="checkIsMobile() && isWx" class="m-guider"> |
||||
<div class="m-btn-box" @click="goRotue(1)"> |
||||
<img alt="" class="m-img" src="../../../assets/images/zu1@2x.png"> |
||||
</div> |
||||
<div class="m-btn-box" @click="goRotue(2)"> |
||||
<img alt="" class="m-img" src="../../../assets/images/zu2@2x.png"> |
||||
</div> |
||||
<div class="m-btn-box" @click="goRotue(3)"> |
||||
<img alt="" class="m-img" src="../../../assets/images/zu3@2x.png"> |
||||
</div> |
||||
<div class="m-btn-box" @click="goRotue(4)"> |
||||
<img alt="" class="m-img" src="../../../assets/images/zu4@2x.png"> |
||||
</div> |
||||
<div class="m-tel"> |
||||
协会联系电话：87870604、87024648转8206、8066 |
||||
</div> |
||||
</div> |
||||
<div v-if="checkIsMobile() && !isWx" class="m-mask"> |
||||
<img alt="" class="mask-img" src="../../../assets/images/mask.png"> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "index", |
||||
data() { |
||||
return { |
||||
isWx: false, |
||||
} |
||||
}, |
||||
created() { |
||||
if (/(micromessenger)/i.test(navigator.userAgent)) { |
||||
//是否电脑微信或者微信开发者工具 |
||||
if (/(WindowsWechat)/i.test(navigator.userAgent) || /(wechatdevtools)/i.test(navigator.userAgent)) { |
||||
this.isWx = false |
||||
} else { |
||||
//手机微信打开的浏览器 |
||||
this.isWx = false |
||||
} |
||||
} else { |
||||
this.isWx = true |
||||
} |
||||
}, |
||||
methods: { |
||||
goRotue(val) { |
||||
console.log(val) |
||||
switch (val) { |
||||
case 1: |
||||
this.$router.push({path: '/introContent' || "/"}).catch(() => { |
||||
}); |
||||
break; |
||||
case 2: |
||||
this.$router.push({path: '/introContentss' || "/"}).catch(() => { |
||||
}); |
||||
break; |
||||
case 3: |
||||
this.$router.push({path: '/register' || "/"}).catch(() => { |
||||
}); |
||||
break; |
||||
case 4: |
||||
this.$router.push({path: '/login' || "/"}).catch(() => { |
||||
}); |
||||
break; |
||||
default: |
||||
console.log(val) |
||||
} |
||||
}, |
||||
checkIsMobile() { |
||||
const userAgentInfo = navigator.userAgent; |
||||
const mobileAgents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; |
||||
for (let i = 0; i < mobileAgents.length; i++) { |
||||
if (userAgentInfo.indexOf(mobileAgents[i]) > 0) { |
||||
return true; |
||||
} |
||||
} |
||||
return false; |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.m-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: unset; |
||||
height: 100%; |
||||
background-size: cover; |
||||
background-image: url("../../../assets/images/guider-bg.png"); |
||||
background-repeat: no-repeat; |
||||
|
||||
.m-guider { |
||||
margin: 120px 0 0; |
||||
padding: 20px 50px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
|
||||
.m-btn-box { |
||||
width: 100%; |
||||
height: 95px; |
||||
margin-bottom: 35px; |
||||
border-radius: 15px; |
||||
|
||||
.m-img { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
.m-tel { |
||||
font-family: Source Han Sans SC; |
||||
font-weight: 500; |
||||
font-size: 13px; |
||||
color: #723233; |
||||
line-height: 40px; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,85 @@ |
||||
<template> |
||||
<div class="intro-box"> |
||||
<div class="intro-title"> |
||||
会员入会和权利义务 |
||||
</div> |
||||
<div class="intro-content"> |
||||
<p class="m-content-title">一、符合下列条件的，可以自愿申请加入本会：</p> |
||||
<p class="m-content-line"> |
||||
1、国家级和省级非物质文化遗产代表性项目保护单位、代表性传承人； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
2、国家级和省级非物质文化遗产生产性保护示范基地、传播基地、研究基地、传承示范基地和依托省级以上非遗项目建立的非遗工坊等； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
3、国家级和省级文化产业示范园区（基地）中与非物质文化遗产保护密切相关的单位； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
4、在非物质文化遗产保护或相关领域具有一定影响的其他单位和个人； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
5、个人会员应当具有完全民事行为能力。 |
||||
</p> |
||||
<p class="m-content-title">二、会员入会的程序是：</p> |
||||
<p class="m-content-line"> |
||||
1、提交入会申请书； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
2、按要求提交证明材料，如单位章程、营业执照、资质证书复印件等； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
3、理事会或者常务理事会授权的机构讨论通过； |
||||
</p> |
||||
<p class="m-content-line"> |
||||
4、办理会员登记、颁发会员证书。 |
||||
</p> |
||||
<p class="m-content-title">三、会员享有下列权利：</p> |
||||
<p class="m-content-line">1、选举权、被选举权和表决权；</p> |
||||
<p class="m-content-line">2、对本会工作的知情权、建议权和监督权；</p> |
||||
<p class="m-content-line">3、参加本会活动并获得本会服务的优先权；</p> |
||||
<p class="m-content-line">4、根据工作需要，查阅本会相关规章制度和决策决议资料；</p> |
||||
<p class="m-content-line">5、反映会员呼声，维护会员权益；</p> |
||||
<p class="m-content-line">6、入会自愿、退会自由。</p> |
||||
<p class="m-content-title">四、 会员履行下列义务：</p> |
||||
<p class="m-content-line">1、遵守本会章程和各项规定；</p> |
||||
<p class="m-content-line">2、执行本会决议；</p> |
||||
<p class="m-content-line">3、按规定交纳会费;</p> |
||||
<p class="m-content-line">4、维护本会及其会员的合法权益；</p> |
||||
<p class="m-content-line">5、向本会反映情况，提供有关资料；</p> |
||||
<p class="m-content-line">6、参加本会组织的活动；</p> |
||||
<p class="m-content-line">7、完成本会交办的工作。</p> |
||||
|
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "index" |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.intro-box { |
||||
width: 100%; |
||||
height: fit-content; |
||||
background-image: url(../../../assets/images/intro_content_bg.png); |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
padding: 40px 20px; |
||||
font-size: 16px; |
||||
|
||||
.intro-title { |
||||
font-family: Source Han Sans SC; |
||||
font-weight: bold; |
||||
font-size: 18px; |
||||
text-align: center; |
||||
color: #723233; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
.m-content-line{ |
||||
text-indent: 2em; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue