86 lines
1.8 KiB
Vue
86 lines
1.8 KiB
Vue
<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>
|