uniapp微信小程序 - 一个页面多个倒计时（代码整理）

最新推荐文章于 2025-03-19 10:31:02 发布

程序媛gy

最新推荐文章于 2025-03-19 10:31:02 发布

阅读量3.1k

点赞数 3

分类专栏： uniapp

本文链接：https://blog.youkuaiyun.com/csdn_zhhjgy/article/details/103613261

版权

设计图（需求）

在这里插入图片描述

结构

<view class="group-list" v-for="item in message" :key="item.productId">
	<view class="group-img"  @click="navTo">
		<image :src="item.productPicture"></image>
	</view>
	<view class="group-info">
		<view class="product-name">{
   {
    item.productName }}</view>
		<view class="product-price">
			<text class="discounts">￥{
   {
    item.productCurrentPrice }}</text>
			<text class="original">￥{
   {
    item.productMarketPrice }}</text>
		</view>
		<view class="group-partner">
			<scroll-view scroll-x>
				<view class="user-img">
					<view v-for="(single, index) in item.avatarList" :key="index">