update
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user