You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
194 lines
4.3 KiB
194 lines
4.3 KiB
<template>
|
|
<!-- 邀请积分 -->
|
|
<view class="page">
|
|
<navbar title="邀请积分" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
|
|
|
|
<view class="TopBlock">
|
|
<view class="TopBlock-box">
|
|
<view class="TopBlock-top">
|
|
<image src="../static/mine/characteristic.png" mode="aspectFill" />
|
|
<view>您当前的正式积分</view>
|
|
</view>
|
|
<view class="TopBlock-balance">100</view>
|
|
<view class="TopBlock-button">
|
|
<view>积分明细</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="card-box">
|
|
<view class="card-top">获取正式积分</view>
|
|
<view style="background-color: #EDEDED; height: 1rpx;" />
|
|
<view class="card-cell">
|
|
<uv-cell-group>
|
|
<uv-cell>
|
|
<!-- 自定义左侧标题 -->
|
|
<template #title>
|
|
<text style="font-size: 12px;">邀请好友赚积分</text>
|
|
</template>
|
|
<!-- 自定义左侧标题下面的内容 -->
|
|
<template #label>
|
|
<view style="font-size: 20rpx;color: #999999; padding: 10rpx 0;">
|
|
<view>成功邀请一名好友注册，可获得2正式积分！</view>
|
|
<view>可叠加</view>
|
|
</view>
|
|
|
|
</template>
|
|
<!-- 自定义右侧值 -->
|
|
<template #value>
|
|
<text style="font-size: 24rpx; color: #4280FD;">去邀请</text>
|
|
</template>
|
|
<!-- 自定义左侧图标 -->
|
|
<template #icon>
|
|
<uv-icon size="50" name="../static/mine/notepad.png" />
|
|
</template>
|
|
<!-- 自定义右侧图标 -->
|
|
<template #right-icon>
|
|
<uv-icon color="#4280FD" size="30rpx" name="arrow-right"></uv-icon>
|
|
</template>
|
|
</uv-cell>
|
|
</uv-cell-group>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="card-box">
|
|
<view class="card-top">招工找活</view>
|
|
<view style="background-color: #EDEDED; height: 1rpx;" />
|
|
<view class="card-cell">
|
|
<uv-cell-group>
|
|
<uv-cell>
|
|
<!-- 自定义左侧标题 -->
|
|
<template #title>
|
|
<text style="font-size: 12px;">我要找工作</text>
|
|
</template>
|
|
<!-- 自定义左侧标题下面的内容 -->
|
|
<template #label>
|
|
<view style="font-size: 20rpx;color: #999999; padding: 10rpx 0;">
|
|
<view>查看招工信息</view>
|
|
</view>
|
|
|
|
</template>
|
|
<!-- 自定义右侧值 -->
|
|
<template #value>
|
|
<text style="font-size: 24rpx; color: #4280FD;">去找活</text>
|
|
</template>
|
|
<!-- 自定义左侧图标 -->
|
|
<template #icon>
|
|
<uv-icon size="50" name="../static/mine/notepad.png" />
|
|
</template>
|
|
<!-- 自定义右侧图标 -->
|
|
<template #right-icon>
|
|
<uv-icon color="#4280FD" size="30rpx" name="arrow-right"></uv-icon>
|
|
</template>
|
|
</uv-cell>
|
|
</uv-cell-group>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="service">如有疑问请联系客服：<text>4008-678-918</text></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page {
|
|
.TopBlock {
|
|
height: 260rpx;
|
|
background-color: #3796F8;
|
|
|
|
.TopBlock-box {
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
|
|
.TopBlock-top {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 20rpx 0;
|
|
|
|
view {
|
|
font-size: 32rpx;
|
|
color: #FFf;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.TopBlock-balance {
|
|
font-size: 48rpx;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.TopBlock-button {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
font-size: 28rpx;
|
|
color: #4280FD;
|
|
|
|
view {
|
|
background-color: #fff;
|
|
padding: 15rpx 40rpx;
|
|
border-radius: 40rpx;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
background-color: #fff;
|
|
margin-top: 30rpx;
|
|
|
|
.card-box {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
|
|
.card-top {
|
|
font-size: 28rpx;
|
|
color: #000;
|
|
font-weight: 600;
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.card-cell {
|
|
/deep/ .uv-cell__body {
|
|
padding: 20rpx 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.service {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
margin-top: 20rpx;
|
|
padding: 25rpx 0;
|
|
background-color: #fff;
|
|
border-radius: 12rpx;
|
|
}
|
|
}
|
|
</style>
|