From dd6fdd9bcff3c2b3dcebdb0db3f80bc9dd469bc4 Mon Sep 17 00:00:00 2001
From: quanwei <419654421@qq.com>
Date: Thu, 25 Dec 2025 10:00:15 +0800
Subject: [PATCH] 1. 添加滚动效果 2. 修复供应方无法开通权限
---
mobile/components/diy/hdzq/hdzq.vue | 82 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 76 insertions(+), 6 deletions(-)
diff --git a/mobile/components/diy/hdzq/hdzq.vue b/mobile/components/diy/hdzq/hdzq.vue
index 790ba15..78783c8 100644
--- a/mobile/components/diy/hdzq/hdzq.vue
+++ b/mobile/components/diy/hdzq/hdzq.vue
@@ -3,17 +3,30 @@
<view class="hdzq-icon">
<image :src="itemData.style.image" mode="aspectFill"></image>
</view>
- <view class="diy-bg" :style="'background:url('+itemData.style.background+') no-repeat;'">
+ <view class="diy-bg" :style="'background-image:url('+itemData.style.background+');'">
+
+ <view class="marquee-container">
+ <view class="marquee-content">
<!--列表-->
<view class="article-item" v-for="(item, index) in listData" :class="'show-type__'+ itemData.style.display"
:key="index" @click="gotoPageFunc(item)">
<template>
-
<view class="f24 text-ellipsis-2 lh200" :style="'color:'+itemData.style.textColor+';'">
{{ item.name }}
</view>
</template>
</view>
+ <view class="article-item" v-for="(item, index) in listData" :class="'show-type__'+ itemData.style.display"
+ :key="index" @click="gotoPageFunc(item)">
+ <template>
+ <view class="f24 text-ellipsis-2 lh200" :style="'color:'+itemData.style.textColor+';'">
+ {{ item.name }}
+ </view>
+ </template>
+ </view>
+ <!--列表-->
+ </view>
+ </view>
</view>
</view>
</template>
@@ -23,7 +36,7 @@
data() {
return {
/*数据列表*/
- listData: []
+ listData: [],
};
},
props: ['itemData'],
@@ -31,7 +44,6 @@
this.listData = this.itemData.data;
},
methods: {
-
/*跳转页面*/
gotoPageFunc(e) {
if(e.is_check == 1){
@@ -70,16 +82,74 @@
border-radius: 6rpx;
box-shadow: 0px 8rpx 3rpx 0px rgba(6, 0, 1, 0.03);
}
+
+ .marquee-container {
+ height: 100%;
+ overflow: hidden;
+ position: relative;
+ }
+
+ .marquee-content {
+ animation: scrollUp 20s linear infinite;
+ }
+
+ .marquee-content.paused {
+ animation-play-state: paused;
+ }
+
+ .marquee-item {
+ height: 80rpx;
+ line-height: 80rpx;
+ padding: 0 30rpx;
+ margin: 10rpx 20rpx;
+ background: rgba(255, 255, 255, 0.9);
+ border-radius: 40rpx;
+ font-size: 28rpx;
+ text-align: center;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ @keyframes scrollUp {
+ 0% {
+ transform: translateY(0);
+ }
+ 100% {
+ transform: translateY(-50%);
+ }
+ }
+
+ .marquee-control {
+ position: absolute;
+ bottom: 20rpx;
+ right: 20rpx;
+ width: 60rpx;
+ height: 60rpx;
+ background: rgba(0, 0, 0, 0.5);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: white;
+ font-size: 24rpx;
+ z-index: 10;
+ }
.diy-bg{
- background-size: 100%;
+ width: 100%;
+ height: 350rpx;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ overflow: hidden;
}
.diy-article .show-type__10,
.diy-article .show-type__20 {
display: flex;
- padding: 20rpx;
+ padding:20rpx;
border-bottom: 1rpx solid #eeeeee;
}
--
Gitblit v1.9.2