H5_module/topic/redEnvelope/index.vue

<template>
	<view>
		<image :src="picUrlss+'scrm/red_img1.png'" mode="widthFix" class="red-img"></image>
		<view class="red-bag">
			<image :src="picUrlss+'scrm/red_mg2.png'" mode="widthFix" class="red-bg"></image>
			<view class="red-bag-con">
				<view class="red-bag-tit">您有待领取红包</view>
				<view class="money"><text>10</text>元</view>
				<view class="red-btn">立即领取红包</view>
			</view>
		</view>
		<view class="news ddflex">
			<image :src="picUrlss+'scrm/red_new_ico.png'"></image>
			<swiper class="news-list fflex" vertical="true" autoplay="false" duration="500" interval="4000" circular="true" :disable-touch="disableTouch">
				<swiper-item class="li tover">
					用户188******56刚刚商机确认，获得10元红包
				</swiper-item>
				<swiper-item class="li tover">
					用户188******56刚刚商机确认，获得10元红包
				</swiper-item>
			</swiper>
			<view class="news-list">
				<view class="li"></view>
			</view>
		</view>
		<view class="datas ddflex">
			<view class="li">
				<image :src="picUrlss+'scrm/red_ico1.png'"></image>
				<view>录入线索</view>
			</view>
			<view class="li">
				<image :src="picUrlss+'scrm/red_ico2.png'"></image>
				<view>有效商机</view>
			</view>
			<view class="li">
				<image :src="picUrlss+'scrm/red_ico3.png'"></image>
				<view>领取红包</view>
			</view>
		</view>
		<view class="det">
			<view class="det-tit">活动规则</view>
			<view class="det-con">
				<view>1. 活动时间为2022年08月12日-2022年12月31日</view>
				<view>2. 活动对象：所有合伙人</view>
				<view>3. 登录后录入线索确认为有效商机，可立即领取10元红包</view>
				<view>4. 本次活动最终解释权归活动主办方所有</view>
			</view>
		</view>
	</view>
</template>

<script>
//index.js
//获取应用实例
const app = getApp();
const req = require('../../utils/request.js');
const api = require('../../utils/api.js');
export default {
	data() {
		return {
			picUrlss: req.public.picUrls,
			disableTouch: true
		};
	},

	components: {
	},
	props: {},
	onLoad: async function(options) {
	},

	async onShow() {
	},
	methods: {
	}
};
</script>

<style>
	@import "./index.css";
</style>