jzhw_uni/pages/member/becomeMember/becomeMember.vue

<template>
    <view class="become-member-page">
        <view class="become-member">
            <view class="success-title">恭喜您</view>
            <view class="member-title">成为超级鲸会员</view>
            <view class="valid-date"></view>
            <!-- <view class="valid-date">有效期至：{{endTime}}</view> -->
            <view class="benefit-btn" @tap="goIndex">开始享受会员特权</view>
        </view>
    </view>
</template>

<script>
var util = require('../../../utils/util.js');
var api = require('../../../config/api');
var user = require('../../../utils/user.js');
var app = getApp();
export default {
    data() {
        return {
            endTime: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        //  let endTime=options.endTime;
        //  this.setData({
        // 	 endTime:endTime
        //  });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        goIndex() {
            util.request(
                api.getMemberInfo,
                {
                    userId: app.globalData.userInfo.id
                },
                'GET'
            ).then((res) => {
                if (res.errno === 0) {
                    uni.setStorageSync('userInfo', res.data.userInfo);
                    uni.switchTab({
                        url: '/pages/index/index'
                    });
                }
            });
        }
    }
};
</script>
<style>
.become-member-page {
    background: #1b1b1b;
    height: 100vh;
    padding: 188rpx 0 0;
}
.become-member {
    background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/become-member-bg.png') no-repeat center top;
    background-size: 100%;
    width: 662rpx;
    height: 532rpx;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60rpx 0 0;
}
.success-title {
    color: #5d3a11;
    font-size: 60rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: bold;
    background: linear-gradient(180deg, #f1e3c8 0%, #e6cc8c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 16rpx 0;
}
.member-title {
    color: #5d3a11;
    font-size: 60rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: bold;
    background: linear-gradient(180deg, #ebd09c 0%, #e6bd57 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.valid-date {
    height: 26rpx;
    line-height: 26rpx;
    font-size: 26rpx;
    color: #5d3a11;
    background: linear-gradient(181deg, #ebd09c 0%, #e6c162 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 36rpx 0 120rpx;
}
.benefit-btn {
    width: 384rpx;
    height: 76rpx;
    line-height: 76rpx;
    background: linear-gradient(181deg, #f1e3c8, #e6c162);
    border-radius: 38rpx;
    font-size: 32rpx;
    color: #5d3a11;
    font-weight: bold;
    text-align: center;
}
</style>