1. 添加滚动效果 2. 修复供应方无法开通权限

quanwei

2025-12-25 dd6fdd9bcff3c2b3dcebdb0db3f80bc9dd469bc4

 mobile/components/diy/hdzq/hdzq.vue

@@ -3,16 +3,29 @@
      <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>
@@ -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){
@@ -71,9 +83,67 @@
      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,