hly
/
recruitment-wechat-uniapp-241012
generated from hly/uniapp-shop-templates
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

更新了会员和积分

master
linyumoya 4 months ago
parent
5a7c336f87
commit
0c483c7433
9 changed files with 532 additions and 24 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +3
    -0
      pages.json
  2. +3
    -1
      pages_order/kepp/AnnualExpenditure.vue
  3. +87
    -11
      pages_order/mine/GainPoints.vue
  4. +194
    -0
      pages_order/mine/InvitationCredit.vue
  5. +245
    -12
      pages_order/mine/MemberRecharge.vue
  6. BIN
      pages_order/static/mine/characteristic.png
  7. BIN
      pages_order/static/mine/crowd.png
  8. BIN
      pages_order/static/mine/integral.png
  9. BIN
      pages_order/static/mine/notepad.png

+ 3
- 0
pages.json View File

@ -104,6 +104,9 @@
},
{
"path": "kepp/keepAccountsDetail"
},
{
"path": "mine/InvitationCredit"
}
]
}],


+ 3
- 1
pages_order/kepp/AnnualExpenditure.vue View File

@ -82,9 +82,11 @@
.select {
background-color: #EBF0FC;
padding: 15rpx 20rpx;
padding: 15rpx 0rpx;
border: none;
color: #4280FD;
width: 150rpx;
text-align: center;
}
}


+ 87
- 11
pages_order/mine/GainPoints.vue View File

@ -1,12 +1,33 @@
<template>
<!-- 获取积分 -->
<view>
<navbar title="获取积分"
bgColor="#3796F8"
leftClick
color="#fff"
@leftClick="$utils.navigateBack"/>
<view class="page">
<navbar title="获取积分" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
<view class="box">
<view class="card">
<view class="top">
<image src="../static/mine/characteristic.png" mode="aspectFill" />
<view>充值积分</view>
</view>
<view class="txt">注册用户享受最新充值优惠活动</view>
<view class="button">充值</view>
<view style="height: 40rpx;" />
</view>
<view class="card">
<view class="top">
<image src="../static/mine/crowd.png" mode="aspectFill" />
<view>邀请工业获取积分</view>
</view>
<view class="txt">成功邀请一名新好友注册，最高可获得
<text style="color: red;font-size: 32rpx;">2</text>
个正式积分。
<view style="color: red;">多邀多得！可叠加！</view>
</view>
<view class="button" @click="$utils.navigateTo('/pages_order/mine/InvitationCredit')">邀请</view>
<view style="height: 40rpx;" />
</view>
</view>
<view class="service">如有疑问请联系客服：<text>4008-678-918</text></view>
</view>
</template>
@ -14,15 +35,70 @@
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
<style scoped lang="scss">
.page {
.box {
width: 94%;
margin-left: 3%;
background-color: #fff;
border-radius: 16rpx;
margin-top: 40rpx;
.card {
width: 94%;
margin-left: 3%;
.top {
display: flex;
align-items: center;
font-size: 32rpx;
padding: 20rpx 0;
view {
margin-left: 20rpx;
}
image {
height: 50rpx;
width: 50rpx;
}
}
</style>
.txt {
font-size: 24rpx;
color: #999999;
margin-top: 20rpx;
}
.button {
text-align: center;
background-color: #3796F8;
color: #fff;
padding: 25rpx 0;
margin-top: 40rpx;
border-radius: 16rpx;
}
}
}
.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>

+ 194
- 0
pages_order/mine/InvitationCredit.vue View File

@ -0,0 +1,194 @@
<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>

+ 245
- 12
pages_order/mine/MemberRecharge.vue View File

@ -1,28 +1,261 @@
<template>
<!-- 会员充值 -->
<view>
<navbar title="会员充值"
bgColor="#3796F8"
leftClick
color="#fff"
@leftClick="$utils.navigateBack"/>
<view class="page">
<navbar title="会员充值" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
<view class="head">
<view class="headImage">
<image :src="headImage" mode="aspectFill"></image>
</view>
<view class="info">
<view class="name">
倾心.
<view>
<uv-icon name="edit-pen" size="40rpx" color="#fff"></uv-icon>
修改资料
</view>
</view>
<view class="tips">
手机号：1300000000
</view>
</view>
</view>
<view class="openvip">开通VIP</view>
<view class="options">
<view class="option" v-for="(item,index) in 3" :key="index">
<view style="font-weight: 600;">普通VIP会员</view>
<view style="color: #FF2E2E;">
<text style="font-size: 20rpx;">￥</text>
<text style="font-size: 36rpx;">8</text>
</view>
<view>包年</view>
</view>
</view>
<view class="block">
<view class="privilege">普通专属特权</view>
<view class="cells">
<view class="cell">
<image src="../static/mine/characteristic.png" mode="aspectFill" />
<view class="text">
<view>特权一</view>
<view style="font-size: 24rpx;">该特权每天可免费查看2个号码。</view>
</view>
</view>
<view class="cell">
<image src="../static/mine/integral.png" mode="aspectFill" />
<view class="text">
<view>特权二</view>
<view style="font-size: 24rpx;">快速发布，优先审核</view>
</view>
</view>
</view>
<view class="tail">
<view>
<uv-radio-group v-model="radiovalue">
<uv-radio size="30rpx">
</uv-radio>
</uv-radio-group>
</view>
<view>开通前请阅读《会员服务协议》</view>
</view>
</view>
<view class="confirm">
<view class="box">
<view>
总计金额：￥8
</view>
<view>
确认协议并支付
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
radiovalue: false
}
},
computed: {
headImage() {
return '/static/image/center/headImage.png'
},
},
methods: {
}
},
}
</script>
<style>
<style scoped lang="scss">
.page {
background-color: #fff;
height: 100vh;
.head {
display: flex;
background-color: $uni-color;
padding: 40rpx 20rpx;
align-items: center;
position: relative;
color: #fff;
padding-bottom: 70rpx;
.headImage {
width: 120rpx;
height: 120rpx;
background-size: 100% 100%;
overflow: hidden;
border-radius: 50%;
margin-right: 40rpx;
image {
height: 100%;
width: 100%;
}
}
.info {
font-size: 28rpx;
.name {
font-size: 32rpx;
display: flex;
padding-bottom: 10rpx;
view {
display: flex;
font-size: 20rpx;
align-items: center;
padding-left: 20rpx;
}
}
.tips {
font-size: 26rpx;
color: #fff;
}
}
}
.openvip {
width: 100%;
text-align: center;
padding: 40rpx 0;
font-size: 36rpx;
font-weight: 500;
}
.options {
display: flex;
justify-content: space-around;
.option {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 2rpx solid #3796F8;
width: 220rpx;
height: 240rpx;
border-radius: 16rpx;
</style>
view {
margin-top: 15rpx;
font-size: 28rpx;
}
}
}
.block {
width: 90%;
margin-left: 5%;
.privilege {
font-size: 34rpx;
padding: 60rpx 0rpx 40rpx;
}
.cells {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 170rpx;
.cell {
display: flex;
align-items: center;
.text {
margin-left: 20rpx;
color: #707070;
font-size: 28rpx;
}
image {
height: 70rpx;
width: 70rpx;
}
}
}
.tail {
display: flex;
align-items: center;
margin-top: 30rpx;
view:nth-child(2) {
margin-left: 10rpx;
color: #707070;
font-size: 24rpx;
}
}
}
.confirm {
display: flex;
position: fixed;
bottom: 0px;
width: 100%;
justify-content: center;
align-items: center;
padding: 8rpx 0;
box-shadow: 0 -2rpx 6rpx 0 #d9d9d9 ;
.box {
display: flex;
align-items: center;
justify-content: space-between;
width: 92%;
font-size: 28rpx;
view:nth-child(1) {
color: #999999;
}
view:nth-child(2) {
padding: 25rpx 60rpx;
color: #FFFFFF;
background-color: #3796F8;
border-radius: 12rpx;
}
view:nth-child(1) {
color: #999999;
}
}
}
}
</style>

BIN
pages_order/static/mine/characteristic.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1.5 KiB

BIN
pages_order/static/mine/crowd.png View File

Before After
Width: 25  |  Height: 25  |  Size: 875 B

BIN
pages_order/static/mine/integral.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1.8 KiB

BIN
pages_order/static/mine/notepad.png View File

Before After
Width: 35  |  Height: 42  |  Size: 1.4 KiB

Write Preview
Loading…
Cancel
Save