视频发布、编辑页面优化、绿满筐名字更换

xiangpei

2025-06-29 ca1ce1acc217be0b510e7ee44fcdd3ee85558fde

 pages/tabbar/video/video.vue

@@ -1,5 +1,5 @@
<template>
  <view class="publish-container">
  <view class="publish-container" :style="{height: windowHeight - marginBottom - 50 + 'px'}">
   <u-popup v-model="fileTypeShow" mode="bottom"  round="20" height="35%">
      <view style="width: 100%;height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
         <view>请选择要发布的类型</view>
@@ -75,7 +75,7 @@
              @input="searchTags"
            ></u-input>
            <!-- 已选话题展示 -->
            <view class="tags-display" v-if="formData.tags.length > 0">
            <view class="tags-display" v-show="formData.tags.length > 0">
              <my-tag
                v-for="(tag, index) in formData.tags"
                :key="index"
@@ -85,12 +85,12 @@
                @close="removeTag(index)"
              />
            </view>
            <text class="tags-count" v-if="formData.tags.length > 0">
            <text class="tags-count" v-show="formData.tags.length > 0">
              已选 {{ formData.tags.length }}/5
            </text>
          </view>
        <!-- 话题推荐 -->
        <view class="hot-topics" v-if="showTopicRecommendations">
        <view class="hot-topics" v-show="showTopicRecommendations">
          <text class="section-title">{{ tagInput ? '推荐话题' : '热门话题' }}</text>
          <view class="topic-list">
            <my-tag
@@ -125,7 +125,7 @@
              ></u-icon>
            </u-input>
            <view class="goods-preview" @click="chooseGoods" v-for="goods in selectedGoodsList" :key="goods.id">
              <image :src="goods.thumbnail" class="goods-image"></image>
              <image :src="endpoint + '/' + goods.thumbnail" class="goods-image"></image>
              <view class="goods-info">
                <text class="goods-name">{{ goods.goodsName }}</text>
            <view style="display: flex;">
@@ -183,7 +183,7 @@
            :key="goods.id"
            @click="selectGoods(goods, index)"
          >
            <image :src="goods.thumbnail" class="goods-image"></image>
            <image :src="endpoint + '/' + goods.thumbnail" class="goods-image"></image>
            <view class="goods-info">
              <text class="goods-name">{{ goods.goodsName }}</text>
              <text class="goods-price">¥{{ goods.price }}</text>
@@ -265,7 +265,9 @@
        ]
      },
     screenWidth: 375,
     gap: 10 // 图片间距
     gap: 10, // 图片间距
     windowHeight: 0,
     marginBottom: 0
    };
  },
  computed: {
@@ -288,6 +290,8 @@
    // 获取屏幕宽度
   const systemInfo = uni.getSystemInfoSync()
   this.screenWidth = systemInfo.windowWidth
   this.windowHeight = systemInfo.windowHeight
   this.marginBottom = uni.getSystemInfoSync().safeAreaInsets.bottom
   this.goodsQuery.pageNumber = 0
   this.goodsQuery.pageSize = 10
   this.getVideoGoodsByEs()
@@ -696,7 +700,7 @@
<style scoped>
.publish-container {
  padding: 10px;
  padding-bottom: 120rpx;
  overflow-y: scroll;
}

.upload-section {
@@ -812,6 +816,7 @@
  flex-wrap: wrap;
  margin-top: 15rpx;
  line-height: 22px;
  height: 80rpx;
}

.hot-topics {
@@ -819,6 +824,7 @@
   flex-direction: column;
   margin-top: 15rpx;
   margin-bottom: 15rpx;
   height: 46rpx;
}

.section-title {