H5_module/promote/package/index.vue

<template>
	<view>
		<view class="tab ddflex">
			<view class="li">专业版</view>
			<view class="li active">旗舰版<text>推荐</text></view>
			<view class="li">至尊版</view>
		</view>
		<view style="height: 100rpx;"></view>
		<view class="con">
			<view class="con-tit">
				<view class="con-tits">旗舰版专享特权</view>
				<view>共计六项权益，价值<text>￥9999</text></view>
			</view>
			<view class="con-lis">
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>专属福礼包</view>
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>自消费返现</view>
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>转介绍收益</view>
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>团队业绩奖励</view>
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>推荐奖励</view>
				<view class="ddflex"><image src="../static/promote/images/hhr_gou.png"></image>利润分红</view>
			</view>
			<image src="../static/promote/images/hhr_bg.png" class="hhr-bg"></image>
		</view>
		<view class="info">
			<view class="tits">我的申请信息</view>
			<view class="form">
				<view class="li ddflex">
					<view class="label">姓名</view>
					<input v-model="name" placeholder="请填写你的真实姓名" placeholder-class="placeholder" class="ipt fflex" />
				</view>
				<view class="li ddflex">
					<view class="label">手机号</view>
					<view class="item active fflex" v-if="phone">{{ phone }}</view>
					<button hover-class="none" open-type="getPhoneNumber" @getphonenumber="getphonenumber" class="phone-btn fflex" v-else>请填写手机号</button>
				</view>
				<view class="li ddflex">
					<view class="label">性别</view>
					<view class="sex ddflex fflex">
						<view class="lis ddflex" @click="selGender(1)">
							<image :src="'../static/promote/images/' + (gender == 1 ? 'radio_h.png' : 'radio.png')" class="radio"></image>
							<image src="../static/promote/images/man.png" class="sex-ico"></image>
						</view>
						<view class="lis ddflex" @click="selGender(2)">
							<image :src="'../static/promote/images/' + (gender == 2 ? 'radio_h.png' : 'radio.png')" class="radio"></image>
							<image src="../static/promote/images/women.png" class="sex-ico"></image>
						</view>
					</view>
				</view>
				<view class="li ddflex">
					<view class="label">申请备注</view>
					<input placeholder="请填写" placeholder-class="placeholder" class="ipt fflex" />
				</view>
			</view>
		</view>
		<view class="savepadding" style="height: 162rpx;"></view>
		<view class="bot">
			<view class="savepadding ddflex">
				<view class="money fflex"><text>￥</text>9999.00</view>
				<view class="btn">立即订购</view>
			</view>
		</view>
	</view>
</template>

<script>
const app = getApp();
const req = require('../../utils/request.js');

export default {
	data() {
		return {
			name: '',
			phone: '',
			gender: 1
		};
	},
	onLoad: function(options) {
	},
	onShow() {
	},
	methods: {
	}
};
</script>
<style>
@import './index.css';
</style>