H5_module/promote/shop/index.vue

<template>
	<view>
		<view class="tab ddflex">
			<view class="li">体验版</view>
			<view class="li active">入门版</view>
			<view class="li">基础版</view>
			<view class="li">标准版</view>
		</view>
		<view style="height: 100rpx;"></view>
		<view class="con">
			<view class="con-tit ddflex">
				<view class="con-tits">入门版专享功能</view>
				<view><text>199</text>元/月，<text>1980</text>元/年</view>
			</view>
			<view class="con-lis ddflex">
				<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 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="temp ddflex">
				<view class="li ddflex active">
					<image src="../static/promote/images/mianfei_free.png" class="free-img"></image>
					<view class="free">免费模板</view>
					<image src="../static/promote/images/mf_gou.png" class="gou"></image>
				</view>
				<view class="li ddflex">
					<view class="tag">超值推荐</view>
					<view class="type">定制设计</view>
					<view class="price"><text>￥</text>999</view>
					<view class="del">原价￥1999</view>
				</view>
				<view class="li ddflex">
					<view>更多模版</view>
					<view>敬请期待...</view>
				</view>
			</view>
		</view>
		<view class="info">
			<view class="tits">套餐时间</view>
			<view class="temp ddflex">
				<view class="li ddflex">
					<view class="type">月卡</view>
					<view class="price"><text>￥</text>199</view>
					<view class="del">原价￥299</view>
				</view>
				<view class="li ddflex active">
					<view class="type">年卡</view>
					<view class="price"><text>￥</text>1980</view>
					<view class="del">原价￥2999</view>
					<image src="../static/promote/images/mf_gou.png" class="gou"></image>
				</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>