Files

86 lines
1.7 KiB
Vue
Raw Permalink Normal View History

2024-02-02 14:44:30 +08:00
<template>
<view style="height: 100%;">
<view class="notice">
<view class="body">
<view>
<view class="list" v-for="(item, index) in list" :key="index">
{{item}}
</view>
</view>
<view style="height:65rpx;"></view>
<view class="nextBtn" @click="go('/pageMy/federation/forMembership/perfectXin')">下一步</view>
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return {
list: [
'1、选举权、被选举权和表决权。',
'2、对工会工作监督提出意见和建议。',
'3、对用人单位工作提出批评与建议。',
'4、在合法权益受到侵犯时要求工会给予保护。',
'5、工会提供的法律服务、就业服务等优惠待遇。',
'6、参加关于工会工作和会员关心问题的讨论。'
]
}
},
methods: {
go(url) {
uni.navigateTo({
url
})
}
}
}
</script>
<style lang="scss">
page{
height:100%;
background-color: #2354fd;
}
.notice{
width: 100%;
height:100%;
background: url('../../static/img/federation/notice.png') no-repeat;
background-size: contain;
margin-top: -50px;
position: absolute;
}
.body{
width: 590rpx;
height: 711rpx;
background: #FFFFFF;
border-radius: 10rpx;
z-index: 999;
position: absolute;
top: 534rpx;
// bottom: 220rpx;
left: 6%;
padding: 38rpx;
.list{
font-size: 30rpx;
font-weight: 400;
color: #333333;
line-height: 55rpx;
}
.nextBtn{
margin: 45rpx 0 0 93rpx;
width: 402rpx;
height: 80rpx;
background: #1B66FF;
border-radius: 8rpx;
font-size: 30rpx;
font-weight: 400;
color: #FFFFFF;
line-height: 80rpx;
text-align: center;
}
}
</style>