This commit is contained in:
2025-12-13 22:58:49 +08:00
parent a79073a88f
commit 2c572ee282
18 changed files with 315 additions and 265 deletions

View File

@@ -1,10 +1,10 @@
<script setup>
import {ref, computed} from "vue";
import { ref, computed } from "vue";
import XSquareCarouselImage from "../../../components/XSquareCarouselImage.vue";
import {toWXMiniApp} from "../../../utils/uils.js";
import { toWXMiniApp } from "../../../utils/uils.js";
import XImage from "../../../components/XImage.vue";
const {data, home} = defineProps({
const { data, home } = defineProps({
data: {
type: Object,
default: null,
@@ -23,17 +23,15 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
<template>
<!--领取素材-->
<view class="!flex gap-[24rpx] !mb-[28rpx]">
<view
v-for="(item,index) in data.children.material"
@click="current=index"
:class="['tab-item', index===current?'cur':'']">
<view v-for="(item, index) in data.children.material" @click="current = index"
:class="['tab-item', index === current ? 'cur' : '']">
素材{{ index + 1 }}
</view>
</view>
<template v-if="true">
<view class="block"
v-if="data.material_type?.title_limit > 0 && data.children.material[current].title?.length > 0">
v-if="data.material_type?.title_limit > 0 && data.children.material[current].title?.length > 0">
<view class="block-title">
标题:
</view>
@@ -50,12 +48,12 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
</view>
</view>
<view class="block"
v-if="data.material_type?.tags_limit > 0 && data.children.material[current].tags_arr?.length > 0">
v-if="data.material_type?.tags_limit > 0 && data.children.material[current].tags_arr?.length > 0">
<view class="block-title">
话题:
</view>
<view class="block-info">
{{ data.children.material[current].tags_arr.map(item => `#${item}`).join(' ') }}
{{data.children.material[current].tags_arr.map(item => `#${item}`).join(' ')}}
</view>
</view>
<view class="block" v-if="data.children.material[current].material_arr?.length > 0">
@@ -64,7 +62,7 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
</view>
<view class="block-info">
<x-square-carousel-image :list="data.children.material[current].material_arr"
:show-s-y="home"></x-square-carousel-image>
:show-s-y="home"></x-square-carousel-image>
</view>
</view>
<view class="block" v-if="list?.length > 0">
@@ -85,13 +83,10 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
</view>
<view class="!flex gap-[20rpx] flex-wrap !my-[10rpx]">
<view class="!w-[96rpx] !h-[96rpx] !aspect-square" v-for="k in v.image_arr">
<x-image
:style="{
width: '96rpx',
height: '96rpx',
}"
:src="k"
:list="v.image_arr">
<x-image :style="{
width: '96rpx',
height: '96rpx',
}" :src="k" :list="v.image_arr">
</x-image>
</view>
</view>
@@ -143,6 +138,7 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
font-weight: 500;
line-height: 140%;
letter-spacing: 0;
white-space: pre-line;
}
}
</style>