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.
104 lines
2.1 KiB
104 lines
2.1 KiB
<template>
|
|
<!-- 获取积分 -->
|
|
<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>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<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;
|
|
}
|
|
}
|
|
|
|
.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>
|